import { test } from '@playwright/test';
import {
  visitStudy,
  checkForScreenshot,
  screenShotPaths,
  reduce3DViewportSize,
  attemptAction,
} from './utils';

test.beforeEach(async ({ page }) => {
  const studyInstanceUID = '1.3.6.1.4.1.14519.5.2.1.1706.8374.643249677828306008300337414785';
  const mode = 'viewer';
  await visitStudy(page, studyInstanceUID, mode, 2000);
});

test.describe('3D four up Test', async () => {
  test('should render 3D four up correctly.', async ({ page }) => {
    await page.getByTestId('Layout').click();
    await page
      .locator('div')
      .filter({ hasText: /^3D four up$/ })
      .first()
      .click();

    await attemptAction(() => reduce3DViewportSize(page), 10, 100);

    await checkForScreenshot(
      page,
      page,
      screenShotPaths.threeDFourUp.threeDFourUpDisplayedCorrectly,
      200
    );
  });
});