import { createStackNavigator } from "@react-navigation/stack";
import React from "react";
import "react-native";
import { render, waitFor } from "@testing-library/react-native";
import EditWorkout from "../EditWorkout";
import GymSet from "../gym-set";
import { MockProviders } from "../mock-providers";
import Settings from "../settings";
import { WorkoutsPageParams } from "../WorkoutsPage";

jest.mock("../db.ts", () => ({
  settingsRepo: {
    findOne: () =>
      Promise.resolve({
        showSets: true,
        alarm: true,
      } as Settings),
  },
}));

test("renders correctly", async () => {
  const Stack = createStackNavigator<WorkoutsPageParams>();
  const { getByText, getAllByText } = render(
    <MockProviders>
      <Stack.Navigator>
        <Stack.Screen
          initialParams={{
            gymSet: { name: "Bench press" } as GymSet,
          }}
          name="EditWorkout"
          component={EditWorkout}
        />
      </Stack.Navigator>
    </MockProviders>
  );
  const title = await waitFor(() => getByText(/Edit workout/i));
  expect(title).toBeDefined();
  expect(getAllByText(/Name/i).length).toBeGreaterThan(0);
  expect(getAllByText(/Sets/i).length).toBeGreaterThan(0);
  expect(getAllByText(/Minutes/i).length).toBeGreaterThan(0);
  expect(getAllByText(/Seconds/i).length).toBeGreaterThan(0);
  expect(getAllByText(/Save/i).length).toBeGreaterThan(0);
});