skip test for bug

Author: unlikelyzero

Diff for: e2e/tests/functional/plugins/styling/stackedPlotStyling.e2e.spec.js

@@ -156,86 +156,91 @@ test.describe('Stacked Plot styling', () => {
     );
   });
 
-  test('styling a child object of the flexible layout properly applies that style to only that child', async ({
-    page
-  }) => {
-    await page.goto(stackedPlot.url, { waitUntil: 'domcontentloaded' });
-
-    await page.getByLabel('Edit').click();
-
-    await page.getByRole('tab', { name: 'Styles' }).click();
-
-    //Check default styles for SWG1 and SWG2
-    await checkStyles(
-      NO_STYLE_RGBA,
-      NO_STYLE_RGBA,
-      hexToRGB(defaultTextColor),
-      page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
-    );
-
-    await checkStyles(
-      NO_STYLE_RGBA,
-      NO_STYLE_RGBA,
-      hexToRGB(defaultTextColor),
-      page.getByLabel('Stacked Plot Item Sine Wave Generator 2')
-    );
-
-    // Set styles using setStyles function on StackedPlot1 but not StackedPlot2
-    await setStyles(
-      page,
-      setBorderColor,
-      setBackgroundColor,
-      setTextColor,
-      page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
-    );
-
-    //Set Font Styles on SWG1 but not SWG2
-    await page.getByLabel('Stacked Plot Item Sine Wave Generator 1').click();
-    //Set Font Size to 72
-    await page.getByLabel('Set Font Size').click();
-    await page.getByRole('menuitem', { name: '72px' }).click();
-
-    //Set Font Type to Monospace Bold. See setFontWeight and setFontFamily variables
-    await page.getByLabel('Set Font Type').click();
-    await page.getByRole('menuitem', { name: 'Monospace Bold' }).click();
-
-    // Save Flexible Layout
-    await page.getByRole('button', { name: 'Save' }).click();
-    await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();
-
-    // Check styles on StackedPlot1
-    await checkStyles(
-      hexToRGB(setBorderColor),
-      hexToRGB(setBackgroundColor),
-      hexToRGB(setTextColor),
-      page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
-    );
-
-    // Check styles on StackedPlot2
-    await checkStyles(
-      NO_STYLE_RGBA,
-      NO_STYLE_RGBA,
-      hexToRGB(defaultTextColor),
-      page.getByLabel('Stacked Plot Item Sine Wave Generator 2')
-    );
-
-    // Reload page and verify that styles persist
-    await page.reload({ waitUntil: 'domcontentloaded' });
-
-    // Check styles on StackedPlot1
-    await checkStyles(
-      hexToRGB(setBorderColor),
-      hexToRGB(setBackgroundColor),
-      hexToRGB(setTextColor),
-      page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
-    );
-
-    // Check styles on StackedPlot2
-    await checkStyles(
-      NO_STYLE_RGBA,
-      NO_STYLE_RGBA,
-      hexToRGB(defaultTextColor),
-      page.getByLabel('Stacked Plot Item Sine Wave Generator 2')
-    );
-  });
+  test.fixme(
+    'styling a child object of the flexible layout properly applies that style to only that child',
+    async ({ page }) => {
+      test.info().annotations.push({
+        type: 'issue',
+        description: 'https://github.com/nasa/openmct/issues/7338'
+      });
+      await page.goto(stackedPlot.url, { waitUntil: 'domcontentloaded' });
+
+      await page.getByLabel('Edit').click();
+
+      await page.getByRole('tab', { name: 'Styles' }).click();
+
+      //Check default styles for SWG1 and SWG2
+      await checkStyles(
+        NO_STYLE_RGBA,
+        NO_STYLE_RGBA,
+        hexToRGB(defaultTextColor),
+        page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
+      );
+
+      await checkStyles(
+        NO_STYLE_RGBA,
+        NO_STYLE_RGBA,
+        hexToRGB(defaultTextColor),
+        page.getByLabel('Stacked Plot Item Sine Wave Generator 2')
+      );
+
+      // Set styles using setStyles function on StackedPlot1 but not StackedPlot2
+      await setStyles(
+        page,
+        setBorderColor,
+        setBackgroundColor,
+        setTextColor,
+        page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
+      );
+
+      //Set Font Styles on SWG1 but not SWG2
+      await page.getByLabel('Stacked Plot Item Sine Wave Generator 1').click();
+      //Set Font Size to 72
+      await page.getByLabel('Set Font Size').click();
+      await page.getByRole('menuitem', { name: '72px' }).click();
+
+      //Set Font Type to Monospace Bold. See setFontWeight and setFontFamily variables
+      await page.getByLabel('Set Font Type').click();
+      await page.getByRole('menuitem', { name: 'Monospace Bold' }).click();
+
+      // Save Flexible Layout
+      await page.getByRole('button', { name: 'Save' }).click();
+      await page.getByRole('listitem', { name: 'Save and Finish Editing' }).click();
+
+      // Check styles on StackedPlot1
+      await checkStyles(
+        hexToRGB(setBorderColor),
+        hexToRGB(setBackgroundColor),
+        hexToRGB(setTextColor),
+        page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
+      );
+
+      // Check styles on StackedPlot2
+      await checkStyles(
+        NO_STYLE_RGBA,
+        NO_STYLE_RGBA,
+        hexToRGB(defaultTextColor),
+        page.getByLabel('Stacked Plot Item Sine Wave Generator 2')
+      );
+
+      // Reload page and verify that styles persist
+      await page.reload({ waitUntil: 'domcontentloaded' });
+
+      // Check styles on StackedPlot1
+      await checkStyles(
+        hexToRGB(setBorderColor),
+        hexToRGB(setBackgroundColor),
+        hexToRGB(setTextColor),
+        page.getByLabel('Stacked Plot Item Sine Wave Generator 1')
+      );
+
+      // Check styles on StackedPlot2
+      await checkStyles(
+        NO_STYLE_RGBA,
+        NO_STYLE_RGBA,
+        hexToRGB(defaultTextColor),
+        page.getByLabel('Stacked Plot Item Sine Wave Generator 2')
+      );
+    }
+  );
 });