fix(page-header): remove stories (#19001)

* fix(page-header): remove stories

* fix(tests): add skip

Author: ariellalgilmore

e2e/components/PageHeader/PageHeader-test.avt.e2e.js

@@ -9,8 +9,9 @@
 import { expect, test } from '@playwright/test';
 import { visitStory } from '../../test-utils/storybook';
 
+//TODO: update once stories are visible
 test.describe('@avt PageHeader', () => {
-  test('@avt-default-state content', async ({ page }) => {
+  test.skip('@avt-default-state content', async ({ page }) => {
     await visitStory(page, {
       component: 'PageHeader.Content',
       id: 'patterns-unstable-pageheader--content',

e2e/components/PageHeader/PageHeader-test.e2e.js

@@ -11,24 +11,27 @@ const { themes } = require('../../test-utils/env');
 const { snapshot } = require('../../test-utils/snapshot');
 const { snapshotStory, visitStory } = require('../../test-utils/storybook');
 
+// TODO update once stories are visible
 test.describe('PageHeader', () => {
   themes.forEach((theme) => {
     test.describe(theme, () => {
-      test('page header @vrt', async ({ page }) => {
+      test.skip('page header @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'PageHeader',
           id: 'patterns-unstable-pageheader--content',
           theme,
         });
       });
-      test('page header with contextual actions @vrt', async ({ page }) => {
+      test.skip('page header with contextual actions @vrt', async ({
+        page,
+      }) => {
         await snapshotStory(page, {
           component: 'PageHeader',
           id: 'patterns-unstable-pageheader--content-with-contextual-actions',
           theme,
         });
       });
-      test('page header with contextual actions and page actions @vrt', async ({
+      test.skip('page header with contextual actions and page actions @vrt', async ({
         page,
       }) => {
         await snapshotStory(page, {
@@ -37,14 +40,14 @@ test.describe('PageHeader', () => {
           theme,
         });
       });
-      test('page header with hero image @vrt', async ({ page }) => {
+      test.skip('page header with hero image @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'PageHeader',
           id: 'patterns-unstable-pageheader--content-with-hero-image',
           theme,
         });
       });
-      test('page header with icon @vrt', async ({ page }) => {
+      test.skip('page header with icon @vrt', async ({ page }) => {
         await snapshotStory(page, {
           component: 'PageHeader',
           id: 'patterns-unstable-pageheader--content-with-icon',

packages/react/src/components/PageHeader/PageHeader.stories.js

@@ -78,8 +78,7 @@ export default {
     PageHeaderHeroImage,
     PageHeaderTabBar,
   },
-  // uncomment includeStories before merging so the stories aren't visible in prod
-  // includeStories: [],
+  includeStories: [],
   argTypes: {
     children: {
       control: false, // ReactNode props don't work in the controls pane