import { BaseWebSocketPage } from "./BaseWebSocketPage";

export class OnboardingPage extends BaseWebSocketPage {
  constructor(page) {
    super(page);
    this.submitButton = page.getByRole("Button", { name: "Next" });
  }

  async fillOnboardingInputsStep1() {
    await this.page.getByText("Personal").click();
    await this.page.getByText("Select option").click();
    await this.page.getByText("Testing before self-hosting").click();

    await this.submitButton.click();
  }

  async fillOnboardingInputsStep2() {
    await this.page.getByText("Figma").click();

    await this.submitButton.click();
  }

  async fillOnboardingInputsStep3() {
    await this.page.getByText("Select option").first().click();
    await this.page.getByText("Product Managment").click();
    await this.page.getByText("Select option").first().click();
    await this.page.getByText("Director").click();
    await this.page.getByText("Select option").click();
    await this.page.getByText("11-30").click();

    await this.submitButton.click();
  }

  async fillOnboardingInputsStep4() {
    await this.page.getByText("Other").click();
    await this.page.getByPlaceholder("Other (specify)").fill("Another");
    await this.submitButton.click();
  }

  async fillOnboardingInputsStep5() {
    await this.page.getByText("Event").click();
  }
}

export default OnboardingPage;