test(weekly): crosshair tests (#4273)

tests/utils/index.ts

@@ -3,6 +3,7 @@ import { checkForScreenshot } from './checkForScreenshot';
 import { screenShotPaths } from './screenShotPaths';
 import { simulateClicksOnElement } from './simulateClicksOnElement';
 import { reduce3DViewportSize } from './reduce3DviewportSize';
+import { getMousePosition, initilizeMousePositionTracker } from './mouseUtils';
 
 
-export { visitStudy, checkForScreenshot, screenShotPaths, simulateClicksOnElement, reduce3DViewportSize };
+export { visitStudy, checkForScreenshot, screenShotPaths, simulateClicksOnElement, reduce3DViewportSize, getMousePosition, initilizeMousePositionTracker };

tests/utils/mouseUtils.ts

@@ -0,0 +1,25 @@
+import { Page } from "@playwright/test";
+
+interface WindowWithMousePosition extends Window {
+  mouseX: number;
+  mouseY: number;
+}
+
+export const initilizeMousePositionTracker = async (page: Page) => {
+  const window = await page.evaluateHandle("window") as any;
+  await page.evaluate((window: WindowWithMousePosition) => {
+    window.mouseX = 0;
+    window.mouseY = 0;
+    window.addEventListener("mousemove", (event) => {
+      window.mouseX = event.clientX;
+      window.mouseY = event.clientY;
+    });
+  }, window);
+}
+
+export const getMousePosition = async (page: Page) => {
+  const window = await page.evaluateHandle("window") as any;
+  return await page.evaluate((window: WindowWithMousePosition) => {
+    return { x: window.mouseX, y: window.mouseY };
+  }, window);
+}

tests/utils/screenShotPaths.ts

@@ -79,6 +79,13 @@ const screenShotPaths = {
     rtPostHydration: 'rtPostHydration.png',
     rtPreHydration: 'rtPreHydration.png',
     rtJumpToStructure: 'rtJumpToStructure.png',
+  },
+  crosshairs: {
+    crosshairsRendered: 'crosshairsRendered.png',
+    crosshairsRotated: 'crosshairsRotated.png',
+    crosshairsSlabThickness: 'crosshairsSlabThickness.png',
+    crosshairsResetToolbar: 'crosshairsResetToolbar.png',
+    crosshairsNewDisplayset: 'crosshairsNewDisplayset.png',
   }
 };