tests(Playwright): Full implementation of Page Object Models (POMs) to Playwright tests (#5608)

tests/utils/fixture.ts

@@ -1,15 +1,33 @@
 import { test as base } from 'playwright-test-coverage';
-import { MainToolbarPageObject, ViewportPageObject } from '../pages';
+import {
+  DOMOverlayPageObject,
+  MainToolbarPageObject,
+  LeftPanelPageObject,
+  RightPanelPageObject,
+  ViewportPageObject,
+} from '../pages';
 
 type PageObjects = {
+  DOMOverlayPageObject: DOMOverlayPageObject;
   mainToolbarPageObject: MainToolbarPageObject;
+  leftPanelPageObject: LeftPanelPageObject;
+  rightPanelPageObject: RightPanelPageObject;
   viewportPageObject: ViewportPageObject;
 };
 
 export const test = base.extend<PageObjects>({
+  DOMOverlayPageObject: async ({ page }, use) => {
+    await use(new DOMOverlayPageObject(page));
+  },
   mainToolbarPageObject: async ({ page }, use) => {
     await use(new MainToolbarPageObject(page));
   },
+  leftPanelPageObject: async ({ page }, use) => {
+    await use(new LeftPanelPageObject(page));
+  },
+  rightPanelPageObject: async ({ page }, use) => {
+    await use(new RightPanelPageObject(page));
+  },
   viewportPageObject: async ({ page }, use) => {
     await use(new ViewportPageObject(page));
   },