import { test } from '@playwright/test';
import { DashboardPage } from '../pages/Dashboard';
import { SurveyFormPage } from '../pages/Dashboard/SurveyForm';
import setup from '../setup';

test.describe('Share form', () => {
  let dashboard: DashboardPage;
  let surveyForm: SurveyFormPage;
  let context: any;

  test.beforeEach(async ({ page }) => {
    context = await setup({ page });
    dashboard = new DashboardPage(page, context.project);
  });

  test('Survey', async () => {
    // close 'Team & Auth' tab
    await dashboard.closeTab({ title: 'Team & Auth' });
    await dashboard.treeView.openTable({ title: 'Country' });

    await dashboard.viewSidebar.createFormView({
      title: 'Country Form',
    });
    await dashboard.form.configureHeader({
      title: 'Country Title',
      subtitle: 'Country Form Subtitle',
    });
    await dashboard.form.configureSubmitMessage({
      message: 'Thank you for submitting the form',
    });
    await dashboard.form.showAnotherFormRadioButton.click();
    await dashboard.form.showAnotherFormAfter5SecRadioButton.click();
    await dashboard.form.toolbar.clickShareView();
    await dashboard.form.toolbar.shareView.toggleSurveyMode();

    const surveyLink = await dashboard.form.toolbar.shareView.getShareLink();
    await dashboard.rootPage.waitForTimeout(2000);
    await dashboard.rootPage.goto(surveyLink);
    await dashboard.rootPage.waitForTimeout(2000);

    surveyForm = new SurveyFormPage(dashboard.rootPage);
    await surveyForm.validate({
      heading: 'Country Title',
      subHeading: 'Country Form Subtitle',
      fieldLabel: 'Country *',
      footer: '1 / 3',
    });
    await surveyForm.fill({
      fieldLabel: 'Country',
      value: 'New Country',
      type: 'SingleLineText',
    });

    await surveyForm.validate({
      heading: 'Country Title',
      subHeading: 'Country Form Subtitle',
      fieldLabel: 'LastUpdate',
      footer: '2 / 3',
    });
    await surveyForm.fill({
      fieldLabel: 'LastUpdate',
      type: 'DateTime',
    });

    await surveyForm.validate({
      heading: 'Country Title',
      subHeading: 'Country Form Subtitle',
      fieldLabel: 'City List',
      footer: '3 / 3',
    });
    await surveyForm.submitButton.click();

    // validate post submit data
    await surveyForm.validateSuccessMessage({
      message: 'Thank you for submitting the form',
      showAnotherForm: true,
    });
  });
});