Use expand tree and expand inspector utility functions for display layout and planning tests

Author: shefalijoshi

e2e/tests/visual-a11y/components/tree.visual.spec.js

@@ -34,7 +34,7 @@ test.describe('Visual - Tree Pane', () => {
     await page.goto(VISUAL_FIXED_URL, { waitUntil: 'domcontentloaded' });
 
     //Open Tree
-    expandTreePane(page);
+    await expandTreePane(page);
 
     //Create a Folder Structure
     const foo = await createDomainObjectWithDefaults(page, {

e2e/tests/visual-a11y/displayLayout.visual.spec.js

@@ -25,6 +25,7 @@ import percySnapshot from '@percy/playwright';
 import {
   createDomainObjectWithDefaults,
   createStableStateTelemetry,
+  expandInspectorPane,
   linkParameterToObject
 } from '../../appActions.js';
 import { MISSION_TIME, VISUAL_FIXED_URL } from '../../constants.js';
@@ -105,7 +106,7 @@ test.describe('Visual - Display Layout @clock', () => {
       type: 'issue',
       description: 'https://github.com/nasa/openmct/issues/7036'
     });
-    await page.getByLabel('Expand Inspect Pane').click();
+    await expandInspectorPane(page);
     await page.getByLabel('Resize Inspect Pane').dragTo(page.getByLabel('X:'));
     await page.getByRole('tab', { name: 'Elements' }).click();
     await percySnapshot(page, `Toolbar does not overflow into inspector (theme: '${theme}')`);

e2e/tests/visual-a11y/notebook.visual.spec.js

@@ -118,7 +118,7 @@ test.describe('Visual - Notebook @a11y', () => {
     await percySnapshot(page, `Notebook Entry (theme: '${theme}')`);
 
     // Open the Inspector
-    expandInspectorPane(page);
+    await expandInspectorPane(page);
     // Open the Annotations tab
     await page.getByRole('tab', { name: 'Annotations' }).click();
 

e2e/tests/visual-a11y/planning-gantt.visual.spec.js

@@ -23,7 +23,11 @@
 import percySnapshot from '@percy/playwright';
 import fs from 'fs';
 
-import { createDomainObjectWithDefaults, createPlanFromJSON } from '../../appActions.js';
+import {
+  createDomainObjectWithDefaults,
+  createPlanFromJSON,
+  expandInspectorPane
+} from '../../appActions.js';
 import { scanForA11yViolations, test } from '../../avpFixtures.js';
 import { VISUAL_FIXED_URL } from '../../constants.js';
 import {
@@ -60,7 +64,7 @@ test.describe('Visual - Gantt Chart @a11y', () => {
     await percySnapshot(page, `Gantt Chart View (theme: ${theme}) - Clipped Activity Names`);
 
     // Expand the inspect pane and uncheck the 'Clip Activity Names' option
-    await page.getByRole('button', { name: 'Expand Inspect Pane' }).click();
+    await expandInspectorPane(page);
     await page.getByRole('tab', { name: 'Config' }).click();
     await page.getByLabel('Edit Object').click();
     await page.getByLabel('Clip Activity Names').click();
@@ -94,7 +98,7 @@ test.describe('Visual - Gantt Chart @a11y', () => {
     await percySnapshot(page, `Gantt Chart View w/ draft status (theme: ${theme})`);
 
     // Expand the inspect pane and uncheck the 'Clip Activity Names' option
-    // await page.getByRole('button', { name: 'Expand Inspect Pane' }).click();
+    await expandInspectorPane(page);
     await page.getByRole('tab', { name: 'Config' }).click();
     await page.getByLabel('Edit Object').click();
     await page.getByLabel('Clip Activity Names').click();