feat(test): Playwright testing integration (#4146)

tests/MPR.spec.ts

@@ -0,0 +1,16 @@
+import { test } from '@playwright/test';
+import { visitStudy, checkForScreenshot, screenShotPaths } from './utils/index';
+
+test.beforeEach(async ({ page }) => {
+  const studyInstanceUID = '2.16.840.1.114362.1.11972228.22789312658.616067305.306.2';
+  const mode = 'Basic Viewer';
+  await visitStudy(page, studyInstanceUID, mode);
+});
+
+test.describe('MPR Test', async () => {
+  test('should render MPR correctly.', async ({ page }) => {
+    await page.getByTestId('Layout').click();
+    await page.locator('div').filter({ hasText: /^MPR$/ }).first().click();
+    await checkForScreenshot(page, page, screenShotPaths.mpr.mprDisplayedCorrectly);
+  });
+});