import { expect } from "@jest/globals"
import { render, screen, waitFor } from "@testing-library/react"
import { userEvent } from "@testing-library/user-event"

import { editProfile } from "@/actions/editProfile"

import Form from "."

import { type User } from "@/types/user"

// jest.mock("@/actions/editProfile", () => ({
//   editProfile: jest.fn().mockResolvedValue({ status: "" }),
// }))

// describe("EditProfile", () => {
//   it("Should submit form with correct data", async () => {
//     const user: User = {
//       email: "test@test.com",
//       name: "Test User",
//       phoneNumber: "+4612345678",
//       dateOfBirth: "1990-01-08",
//       address: {
//         city: "Test City",
//         countryCode: "SE",
//         streetAddress: "Test Street",
//         zipCode: "12345",
//       },
//       journeys: [],
//       nights: 0,
//       shortcuts: [],
//       victories: [],
//       language: "en",
//       firstName: "Test",
//       lastName: "User",
//       memberships: [],
//       profileId: "1",
//     }

//     render(<Form user={user} />)

//     const newValues = {
//       email: "new@test.com",
//       dateOfBirth: "2000-01-01",
//       address: {
//         city: "New City",
//         countryCode: "SE",
//         streetAddress: "New Street",
//         zipCode: "67890",
//       },
//       phoneNumber: "+469999999",
//       language: "No",
//       password: "oldPassword123!",
//       newPassword: "newPassword123!",
//       retypeNewPassword: "newPassword123!",
//     }

//     const dateOfBirthInput = screen.getByTestId("dateOfBirth")
//     const daySelect = dateOfBirthInput.querySelector("select[name='date']")!
//     const monthSelect = dateOfBirthInput.querySelector("select[name='month']")!
//     const yearSelect = dateOfBirthInput.querySelector("select[name='year']")!

//     await userEvent.selectOptions(daySelect, "1")
//     await userEvent.selectOptions(monthSelect, "1")
//     await userEvent.selectOptions(yearSelect, "2000")

//     const streetAddressInput = screen.getByTestId("address.streetAddress")
//     await userEvent.clear(streetAddressInput)
//     await userEvent.type(streetAddressInput, newValues.address.streetAddress)

//     const cityInput = screen.getByTestId("address.city")
//     await userEvent.clear(cityInput)
//     await userEvent.type(cityInput, newValues.address.city)

//     const zipCodeInput = screen.getByTestId("address.zipCode")
//     await userEvent.clear(zipCodeInput)
//     await userEvent.type(zipCodeInput, newValues.address.zipCode)

//     const countryInput = screen.getByLabelText("Select a country")
//     await userEvent.click(countryInput)
//     await userEvent.type(countryInput, "Sweden")
//     await userEvent.keyboard("{ArrowDown}{Enter}")

//     const emailInput = screen.getByTestId("email")
//     await userEvent.clear(emailInput)
//     await userEvent.type(emailInput, newValues.email)

//     const phoneNumberInput = screen.getByTestId("phoneNumber")
//     await userEvent.clear(phoneNumberInput)
//     await userEvent.type(phoneNumberInput, newValues.phoneNumber.slice(3)) // Remove country code

//     const languageInput = screen.getByTestId("language")
//     await userEvent.click(languageInput)
//     await userEvent.click(screen.getByTestId("Norwegian"))

//     await userEvent.type(screen.getByTestId("password"), newValues.password)
//     await userEvent.type(
//       screen.getByTestId("newPassword"),
//       newValues.newPassword
//     )
//     await userEvent.type(
//       screen.getByTestId("retypeNewPassword"),
//       newValues.retypeNewPassword
//     )

//     await userEvent.click(screen.getByText("Save"))

//     await waitFor(() => {
//       expect(editProfile).toHaveBeenCalledWith(newValues)
//     })
//   })
// })