const { test } = require('../fixtures');
const { Draw } = require('./draw');
const { DrawRectangle } = require('./drawRectangle');
const { DrawEllipse } = require('./drawEllipse');
const { DrawTriangle } = require('./drawTriangle');
const { DrawLine } = require('./drawLine');
const { DrawPencil } = require('./drawPencil');
const { DrawText } = require('./drawText');
const { DrawStickyNote } = require('./drawStickyNote');
const { Pan } = require('./pan');
const { Eraser } = require('./eraser');
const { DrawArrow } = require('./drawArrow');
const { MultiUsers } = require('../user/multiusers');
const { encodeCustomParams } = require('../parameters/util');
const { PARAMETER_HIDE_PRESENTATION_TOAST } = require('../core/constants');
const { DeleteDrawing } = require('./deleteDrawing');
const { UndoDrawing } = require('./undoDraw');
const { RedoDrawing } = require('./redoDraw');
const { ChangeStyles } = require('./changeStyles');
const { RealTimeText } = require('./realTimeText');
const { ShapeOptions } = require('./shapeOptions');

const hidePresentationToast = encodeCustomParams(PARAMETER_HIDE_PRESENTATION_TOAST);

test.describe.parallel('Whiteboard tools', { tag: '@ci' }, () => {
  test.beforeEach(({ browserName }) => {
    test.skip(browserName !== 'chromium',
      'Drawing visual regression tests are enabled only for Chromium');
  });

  test('Draw rectangle', async ({ browser, context, page }) => {
    const drawRectangle = new DrawRectangle(browser, context);
    await drawRectangle.initModPage(page, true, { customMeetingId: 'draw_rectangle_meeting', joinParameter: hidePresentationToast });
    await drawRectangle.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawRectangle.test();
  });

  test('Draw ellipse', async ({ browser, context, page }) => {
    const drawEllipse = new DrawEllipse(browser, context);
    await drawEllipse.initModPage(page, true, { customMeetingId: 'draw_ellipse_meeting', joinParameter: hidePresentationToast });
    await drawEllipse.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawEllipse.test();
  });

  test('Draw triangle', async ({ browser, context, page }) => {
    const drawTriangle = new DrawTriangle(browser, context);
    await drawTriangle.initModPage(page, true, { customMeetingId: 'draw_triangle_meeting', joinParameter: hidePresentationToast });
    await drawTriangle.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawTriangle.test();
  });

  test('Draw line', async ({ browser, context, page }) => {
    const drawLine = new DrawLine(browser, context);
    await drawLine.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await drawLine.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawLine.test();
  });

  test('Draw with pencil', async ({ browser, context, page }) => {
    const drawPencil = new DrawPencil(browser, context);
    await drawPencil.initModPage(page, true, { customMeetingId: 'draw_pencil_meeting', joinParameter: hidePresentationToast });
    await drawPencil.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawPencil.test();
  });

  test('Type text', async ({ browser, context, page }) => {
    const drawText = new DrawText(browser, context);
    await drawText.initModPage(page, true, { customMeetingId: 'draw_text_meeting', joinParameter: hidePresentationToast });
    await drawText.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawText.test();
  });

  test('Create sticky note', { tag: '@flaky'}, async ({ browser, context, page }) => {
    const drawStickyNote = new DrawStickyNote(browser, context);
    await drawStickyNote.initModPage(page, true, { customMeetingId: 'draw_sticky_meeting', joinParameter: hidePresentationToast });
    await drawStickyNote.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawStickyNote.test();
  });

  test('Pan', { tag: '@flaky'}, async ({ browser, context, page }) => {
    const pan = new Pan(browser, context);
    await pan.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await pan.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await pan.test();
  });

  test('Eraser', async ({ browser, context, page }) => {
    const eraser = new Eraser(browser, context);
    await eraser.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await eraser.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await eraser.test();
  });

  test('Draw arrow', async ({ browser, context, page }) => {
    const drawArrow = new DrawArrow(browser, context);
    await drawArrow.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await drawArrow.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await drawArrow.test();
  });

  test.describe.parallel('Change Shapes Styles', { tag: '@ci'}, async () => {
    test('Change color', async ({ browser, context, page }) => {
      const changeColor = new ChangeStyles(browser, context);
      await changeColor.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
      await changeColor.initUserPage(true, context, { joinParameter: hidePresentationToast });
      await changeColor.changingColor();
    });
  
    test('Fill drawing', async ({ browser, context, page }) => {
      const fillDrawing = new ChangeStyles(browser, context);
      await fillDrawing.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
      await fillDrawing.initUserPage(true, context, { joinParameter: hidePresentationToast });
      await fillDrawing.fillDrawing();
    });
  
    test('Dash drawing', async ({ browser, context, page }) => {
      const dashDrawing = new ChangeStyles(browser, context);
      await dashDrawing.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
      await dashDrawing.initUserPage(true, context, { joinParameter: hidePresentationToast });
      await dashDrawing.dashDrawing();
    });
  
    test('Size drawing', async ({ browser, context, page }) => {
      const sizeDrawing = new ChangeStyles(browser, context);
      await sizeDrawing.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
      await sizeDrawing.initUserPage(true, context, { joinParameter: hidePresentationToast });
      await sizeDrawing.sizeDrawing();
    });
  });

  test('Delete drawing', { tag: '@flaky'}, async ({ browser, context, page }) => {
    const deleteDrawing = new DeleteDrawing(browser, context);
    await deleteDrawing.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await deleteDrawing.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await deleteDrawing.test();
  });

  test('Undo drawing', { tag: '@ci'}, async ({ browser, context, page }) => {
    const undoDrawing = new UndoDrawing(browser, context);
    await undoDrawing.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await undoDrawing.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await undoDrawing.test();
  });

  test('Redo drawing', { tag: '@ci'}, async ({ browser, context, page }) => {
    const redoDrawing = new RedoDrawing(browser, context);
    await redoDrawing.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await redoDrawing.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await redoDrawing.test();
  });

  

  test('Real time text typing', { tag: '@ci'}, async ({ browser, context, page }) => {
    const realTimeText = new RealTimeText(browser, context);
    await realTimeText.initModPage(page, true, { customMeetingId: 'draw_line_meeting', joinParameter: hidePresentationToast });
    await realTimeText.initUserPage(true, context, { joinParameter: hidePresentationToast });
    await realTimeText.realTimeTextTyping();
  });

  test.describe.parallel('Shape Options', { tag: ['@ci', '@flaky']}, () => {
    test('Duplicate', async ({ browser, context, page }) => {
      const shapeOptions = new ShapeOptions(browser, context);
      await shapeOptions.initModPage(page, true);
      await shapeOptions.initUserPage(true, context);
      await shapeOptions.duplicate();
    });
  
    test('Rotate', async ({ browser, context, page }) => {
      const shapeOptions = new ShapeOptions(browser, context);
      await shapeOptions.initModPage(page, true);
      await shapeOptions.initUserPage(true, context);
      await shapeOptions.rotate();
    });

    test('Move Shape Backward/Forward', async ({ browser, context, page }) => {
      const shapeOptions = new ShapeOptions(browser, context);
      await shapeOptions.initModPage(page, true);
      await shapeOptions.initUserPage(true, context);
      await shapeOptions.movingShape();
    });
  });
});