refactor(tests): update viewport page object usage to async and update all effected tests (#5927)

tests/utils/addLengthMeasurement.ts

@@ -33,7 +33,7 @@ export async function addLengthMeasurement(
   const [x2, y2] = secondClick;
 
   const lengthButton = mainToolbarPageObject.measurementTools.selectedTool.button;
-  const viewport = viewportPageObject.active;
+  const viewport = await viewportPageObject.active;
 
   // Assert that the primary measurement button is 'Length' tool
   await expect(lengthButton).toHaveAttribute('data-tool', 'Length');

tests/utils/getSvgPath.ts

@@ -1,11 +1,7 @@
 import { ViewportPageObject } from '../pages/ViewportPageObject';
 
 const getSvgPath = async (viewportPageObject: ViewportPageObject, viewportId = 'default') => {
-  return viewportPageObject
-    .getById(viewportId)
-    .svg('path')
-    .first()
-    .getAttribute('d');
+  return (await viewportPageObject.getById(viewportId)).svg('path').first().getAttribute('d');
 };
 
 export { getSvgPath };

tests/utils/navigateWithViewportArrow.ts

@@ -5,9 +5,8 @@ const navigateWithViewportArrow = async (
   direction: 'next' | 'prev',
   viewportId = 'default'
 ) => {
-  const viewport = viewportPageObject.getById(viewportId);
+  const viewport = await viewportPageObject.getById(viewportId);
   await viewport.navigationArrows[direction].click();
 };
 
 export { navigateWithViewportArrow };
-