refactor: Remove hierarchy separator from stories

Workday · Nov 17, 2020 · 57abafd · 57abafd
1 parent 31b9050
commit 57abafd
Show file tree

Hide file tree

Showing 162 changed files with 231 additions and 245 deletions.
diff --git a/.storybook/stories/stories_api_pattern_guidelines.mdx b/.storybook/stories/stories_api_pattern_guidelines.mdx
@@ -2,6 +2,5 @@ import {Meta} from '@storybook/addon-docs/blocks';
 import ApiPatternGuidelines from '../../API_PATTERN_GUIDELINES.md';
 import Markdown from '../../utils/storybook/Markdown.tsx';
 
-<Meta title="Welcome|API & Pattern Guidelines" />
-
+<Meta title="Welcome/API & Pattern Guidelines" />
 <Markdown content={ApiPatternGuidelines} />
diff --git a/.storybook/stories/stories_changelog.mdx b/.storybook/stories/stories_changelog.mdx
@@ -2,6 +2,5 @@ import {Meta} from '@storybook/addon-docs/blocks';
 import Changelog from '../../CHANGELOG.md';
 import Markdown from '../../utils/storybook/Markdown.tsx';
 
-<Meta title="Welcome|Changelog" />
-
+<Meta title="Welcome/Changelog" />
 <Markdown content={Changelog} />
diff --git a/.storybook/stories/stories_component_status.mdx b/.storybook/stories/stories_component_status.mdx
@@ -2,6 +2,5 @@ import {Meta} from '@storybook/addon-docs/blocks';
 import ComponentStatus from '../../COMPONENT_STATUS.md';
 import Markdown from '../../utils/storybook/Markdown.tsx';
 
-<Meta title="Welcome|Component Status" />
-
+<Meta title="Welcome/Component Status" />
 <Markdown content={ComponentStatus} />
diff --git a/.storybook/stories/stories_contributing.mdx b/.storybook/stories/stories_contributing.mdx
@@ -2,6 +2,5 @@ import {Meta} from '@storybook/addon-docs/blocks';
 import Contributing from '../../CONTRIBUTING.md';
 import Markdown from '../../utils/storybook/Markdown.tsx';
 
-<Meta title="Welcome|Contributing" />
-
+<Meta title="Welcome/Contributing" />
 <Markdown content={Contributing} />
diff --git a/.storybook/stories/stories_welcome.mdx b/.storybook/stories/stories_welcome.mdx
@@ -2,6 +2,5 @@ import {Meta} from '@storybook/addon-docs/blocks';
 import Readme from '../../README.md';
 import Markdown from '../../utils/storybook/Markdown.tsx';
 
-<Meta title="Welcome|Getting Started" />
-
+<Meta title="Welcome/Getting Started" />
 <Markdown content={Readme} />
diff --git a/cypress/integration/Avatar.spec.ts b/cypress/integration/Avatar.spec.ts
@@ -7,7 +7,7 @@ describe('Avatar', () => {
 
   context('given default avatar light is rendered', () => {
     beforeEach(() => {
-      h.stories.load('Components|Indicators/Avatar/React/Default', 'Light');
+      h.stories.load('Components/Indicators/Avatar/React/Default', 'Light');
     });
 
     it('should not have any axe errors', () => {
@@ -17,7 +17,7 @@ describe('Avatar', () => {
 
   context('given avatar button light is rendered', () => {
     beforeEach(() => {
-      h.stories.load('Components|Indicators/Avatar Button/React/Default', 'Light');
+      h.stories.load('Components/Indicators/Avatar Button/React/Default', 'Light');
     });
 
     it('should not have any axe errors', () => {
@@ -27,7 +27,7 @@ describe('Avatar', () => {
 
   context('given avatar button image is rendered', () => {
     beforeEach(() => {
-      h.stories.load('Components|Indicators/Avatar/React/Avatar Button', 'Image');
+      h.stories.load('Components/Indicators/Avatar/React/Avatar Button', 'Image');
     });
 
     it('should not have any axe errors', () => {

diff --git a/cypress/integration/Breadcrumbs.spec.ts b/cypress/integration/Breadcrumbs.spec.ts
@@ -28,7 +28,7 @@ describe('Breadcrumbs', () => {
   });
   context('given the default breadcrumb list', () => {
     beforeEach(() => {
-      h.stories.load('Labs|Breadcrumbs/React', 'Default');
+      h.stories.load('Labs/Breadcrumbs/React', 'Default');
     });
     it('should not have any axe errors', () => {
       cy.checkA11y();
@@ -79,7 +79,7 @@ describe('Breadcrumbs', () => {
 
   context('given the collapsible breadcrumb list', () => {
     beforeEach(() => {
-      h.stories.load('Labs|Breadcrumbs/React', 'Collapsible');
+      h.stories.load('Labs/Breadcrumbs/React', 'Collapsible');
     });
 
     it('should not have any axe errors', () => {
@@ -109,7 +109,7 @@ describe('Breadcrumbs', () => {
 
   context('given the collapsible breadcrumb list menu', () => {
     beforeEach(() => {
-      h.stories.load('Labs|Breadcrumbs/React', 'Collapsible');
+      h.stories.load('Labs/Breadcrumbs/React', 'Collapsible');
       openDropdownMenu();
     });
 

diff --git a/cypress/integration/Button.spec.ts b/cypress/integration/Button.spec.ts
@@ -7,7 +7,7 @@ describe('Button', () => {
 
   context('given primary buttons are rendered', () => {
     beforeEach(() => {
-      h.stories.load('Components|Buttons/Button/React/Standard', 'Primary');
+      h.stories.load('Components/Buttons/Button/React/Standard', 'Primary');
     });
 
     it('should not have any axe errors', () => {
@@ -23,7 +23,7 @@ describe('Button', () => {
 
   context('given delete buttons are rendered', () => {
     beforeEach(() => {
-      h.stories.load('Components|Buttons/Button/React', 'Delete');
+      h.stories.load('Components/Buttons/Button/React', 'Delete');
     });
 
     it('should not have any axe errors', () => {

diff --git a/cypress/integration/Checkbox.spec.ts b/cypress/integration/Checkbox.spec.ts
@@ -11,7 +11,7 @@ describe('Checkbox', () => {
   ['Default', 'Alert', 'Error'].forEach(story => {
     context(`given the '${story}' story is rendered`, () => {
       beforeEach(() => {
-        h.stories.load('Components|Inputs/Checkbox/React/Top Label', story);
+        h.stories.load('Components/Inputs/Checkbox/React/Top Label', story);
       });
 
       it('should pass accessibility checks', () => {
@@ -32,7 +32,7 @@ describe('Checkbox', () => {
 
   context(`given the 'Disabled' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Inputs/Checkbox/React/Top Label', 'Disabled');
+      h.stories.load('Components/Inputs/Checkbox/React/Top Label', 'Disabled');
     });
 
     it('should pass accessibility checks', () => {

diff --git a/cypress/integration/ColorPicker.spec.ts b/cypress/integration/ColorPicker.spec.ts
@@ -7,8 +7,8 @@ const getResetButton = () => cy.contains('button', 'Reset');
 const getSubmitButton = () => cy.findByLabelText('Submit');
 const getSwatch = (color: string) => cy.get(`div[color="${color}"]`);
 
-const colorInputStory = 'Components|Inputs/Color Picker/Color Input/React/Top Label';
-const colorPreviewStory = 'Components|Inputs/Color Picker/Color Preview/React/Top Label';
+const colorInputStory = 'Components/Inputs/Color Picker/Color Input/React/Top Label';
+const colorPreviewStory = 'Components/Inputs/Color Picker/Color Preview/React/Top Label';
 const colorPickerStory = 'Labs/Color Picker/React';
 const value = '000000';
 
@@ -224,7 +224,7 @@ describe('ColorPicker', () => {
 
   context('when the InputInteraction story is loaded', () => {
     beforeEach(() => {
-      h.stories.load('Testing|React/Labs/Color Picker', 'InputInteraction');
+      h.stories.load('Testing/React/Labs/Color Picker', 'InputInteraction');
     });
 
     context('when input is entered into the color input and user hits enter', () => {

diff --git a/cypress/integration/Combobox.spec.ts b/cypress/integration/Combobox.spec.ts
@@ -13,7 +13,7 @@ describe('Combobox', () => {
 
   context(`given the 'Group of results' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Labs|Combobox/React', 'Group of results');
+      h.stories.load('Labs/Combobox/React', 'Group of results');
     });
 
     it('should have aria-haspopup set to true', () => {
@@ -329,7 +329,7 @@ describe('Combobox', () => {
 
   context(`given the 'Disabled item' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Labs|Combobox/React', 'Disabled item');
+      h.stories.load('Labs/Combobox/React', 'Disabled item');
     });
 
     context('when the combobox is focused', () => {

diff --git a/cypress/integration/FormField.spec.ts b/cypress/integration/FormField.spec.ts
@@ -11,7 +11,7 @@ describe('Form Field', () => {
 
   context(`given the Default story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Inputs/Form Field/React', 'Default');
+      h.stories.load('Components/Inputs/Form Field/React', 'Default');
     });
 
     it('should pass accessibility checks', () => {
@@ -32,7 +32,7 @@ describe('Form Field', () => {
   ['Hint Alert', 'Hint Error'].forEach(story => {
     context(`given the '${story}' story is rendered`, () => {
       beforeEach(() => {
-        h.stories.load('Components|Inputs/Form Field/React', story);
+        h.stories.load('Components/Inputs/Form Field/React', story);
       });
 
       it('should pass accessibility and connect the input with the hint text', () => {
@@ -44,7 +44,7 @@ describe('Form Field', () => {
 
   context(`given the Label Required story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Inputs/Form Field/React', 'Label Required');
+      h.stories.load('Components/Inputs/Form Field/React', 'Label Required');
     });
 
     it('should pass accessibility and connect the input with the hint text', () => {

diff --git a/cypress/integration/Menu.spec.ts b/cypress/integration/Menu.spec.ts
@@ -27,7 +27,7 @@ describe('Menu', () => {
 
   context('given "With Many Items" story is rendered', () => {
     beforeEach(() => {
-      h.stories.load('Labs|Menu/React', 'With Many Items');
+      h.stories.load('Labs/Menu/React', 'With Many Items');
     });
 
     it('should not have any axe errors', () => {

diff --git a/cypress/integration/Modal.spec.ts b/cypress/integration/Modal.spec.ts
@@ -12,7 +12,7 @@ describe('Modal', () => {
   ['Default', 'WithoutHook'].forEach(story => {
     context(`given the '${story}' story is rendered`, () => {
       beforeEach(() => {
-        h.stories.load('Components|Popups/Modal/React', story);
+        h.stories.load('Components/Popups/Modal/React', story);
       });
 
       it('should not have any axe errors', () => {
@@ -164,7 +164,7 @@ describe('Modal', () => {
 
   context(`given the 'With Radio buttons' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Popups/Modal/React', 'With Radio buttons');
+      h.stories.load('Components/Popups/Modal/React', 'With Radio buttons');
     });
 
     it('should not have any axe errors', () => {
@@ -192,7 +192,7 @@ describe('Modal', () => {
 
   context(`given the 'Without close icon' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Popups/Modal/React', 'Without close icon');
+      h.stories.load('Components/Popups/Modal/React', 'Without close icon');
     });
 
     it('should not have any axe errors', () => {
@@ -329,7 +329,7 @@ describe('Modal', () => {
 
   context(`given the 'Custom focus' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Popups/Modal/React', 'Custom focus');
+      h.stories.load('Components/Popups/Modal/React', 'Custom focus');
     });
 
     context('when button is focused', () => {
@@ -420,7 +420,7 @@ describe('Modal', () => {
 
   context(`given the 'StackedModals' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Testing|React/Popups/Modal', 'StackedModals');
+      h.stories.load('Testing/React/Popups/Modal', 'StackedModals');
     });
 
     context('when both modals are opened', () => {
@@ -467,7 +467,7 @@ describe('Modal', () => {
 
   context(`given the 'ModalWithPopup' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Testing|React/Popups/Modal', 'ModalWithPopup');
+      h.stories.load('Testing/React/Popups/Modal', 'ModalWithPopup');
     });
 
     context('when both modal and popup are opened', () => {

diff --git a/cypress/integration/Popup.spec.ts b/cypress/integration/Popup.spec.ts
@@ -18,7 +18,7 @@ describe('Popup', () => {
   });
   context(`given the open popup`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Popups/Popup/React', 'Open');
+      h.stories.load('Components/Popups/Popup/React', 'Open');
     });
     it('should not have any axe errors', () => {
       cy.checkA11y();
@@ -31,7 +31,7 @@ describe('Popup', () => {
 
   context(`given the default popup`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Popups/Popup/React', 'Default');
+      h.stories.load('Components/Popups/Popup/React', 'Default');
     });
     context('when the target buttton is clicked', () => {
       beforeEach(() => {
@@ -92,7 +92,7 @@ describe('Popup', () => {
 
   context('given the MultiplePopups story is rendered', () => {
     beforeEach(() => {
-      h.stories.load('Testing|React/Popups/Popup', 'MultiplePopups');
+      h.stories.load('Testing/React/Popups/Popup', 'MultiplePopups');
     });
 
     context('when Open Popup 1 button is clicked', () => {

diff --git a/cypress/integration/PopupStack.spec.ts b/cypress/integration/PopupStack.spec.ts
@@ -29,7 +29,7 @@ describe('PopupStack', () => {
   });
 
   beforeEach(() => {
-    h.stories.load('Testing|React/Popups/Popup Stack', 'MixedPopupTypes');
+    h.stories.load('Testing/React/Popups/Popup Stack', 'MixedPopupTypes');
   });
 
   it('should start with Window 3 stacked on top of 3 Windows', () => {

diff --git a/cypress/integration/Radio.spec.ts b/cypress/integration/Radio.spec.ts
@@ -11,7 +11,7 @@ describe('Radio', () => {
 
   context(`given the Default story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Inputs/Radio/React/Left Label/Radio', 'Default');
+      h.stories.load('Components/Inputs/Radio/React/Left Label/Radio', 'Default');
     });
 
     it('should pass accessibility checks', () => {
@@ -31,7 +31,7 @@ describe('Radio', () => {
 
   context(`given the 'Disabled' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Inputs/Radio/React/Left Label/Radio', 'Disabled');
+      h.stories.load('Components/Inputs/Radio/React/Left Label/Radio', 'Disabled');
     });
 
     it('should pass accessibility checks', () => {

diff --git a/cypress/integration/RadioGroup.spec.ts b/cypress/integration/RadioGroup.spec.ts
@@ -7,7 +7,7 @@ describe('Radio Group', () => {
   ['Default', 'Alert', 'Error with Grow'].forEach(story => {
     context(`given the '${story}' story is rendered`, () => {
       beforeEach(() => {
-        h.stories.load('Components|Inputs/Radio/React/Top Label/Radio Group', story);
+        h.stories.load('Components/Inputs/Radio/React/Top Label/Radio Group', story);
       });
 
       it('should pass accessibility checks', () => {

diff --git a/cypress/integration/Select.spec.ts b/cypress/integration/Select.spec.ts
@@ -13,7 +13,7 @@ describe('Select', () => {
   ['Plain', 'Alert', 'Error'].forEach(story => {
     context(`given the '${story}' story is rendered`, () => {
       beforeEach(() => {
-        h.stories.load('Components|Inputs/Select/React/Top Label', story);
+        h.stories.load('Components/Inputs/Select/React/Top Label', story);
       });
 
       it('should pass accessibility checks', () => {
@@ -38,7 +38,7 @@ describe('Select', () => {
 
   context(`given the 'Disabled' story is rendered`, () => {
     beforeEach(() => {
-      h.stories.load('Components|Inputs/Select/React/Top Label', 'Disabled');
+      h.stories.load('Components/Inputs/Select/React/Top Label', 'Disabled');
     });
 
     it('should pass accessibility checks', () => {