feat(Table): add e2e snapshots for expandable stories

8base · Nov 27, 2019 · 1b5e531 · 1b5e531
1 parent 19f6362
commit 1b5e531
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/...est-js-components-table-with-controlled-expandable-rows-all-expanded-1-snap.png b/...est-js-components-table-with-controlled-expandable-rows-all-expanded-1-snap.png
diff --git a/...mage_snapshots__/table-test-js-components-table-with-expandable-rows-1-snap.png b/...mage_snapshots__/table-test-js-components-table-with-expandable-rows-1-snap.png
diff --git a/e2e/__tests__/table.test.js b/e2e/__tests__/table.test.js
@@ -21,6 +21,14 @@ const SUITES = [
   baisy.suite('Components/Table', 'with condensed modifier'),
   baisy.suite('Components/Table', 'with bordered modifier'),
   baisy.suite('Components/Table', 'with custom no data component'),
+  baisy.suite('Components/Table', 'with expandable rows')
+    .setEnhancer(async (iframe) => {
+      await (await iframe.waitForSelector('button[data-testid="expand-row-1"]')).click();
+    }),
+  baisy.suite('Components/Table', 'with controlled expandable rows', 'all expanded')
+    .setEnhancer(async (iframe) => {
+      await (await iframe.waitForXPath('//button[contains(., "Expand all")]')).click();
+    }),
 ];
 
 

diff --git a/src/components/Table/Table.stories.js b/src/components/Table/Table.stories.js
@@ -678,7 +678,7 @@ export const WithExpandableRows = () => {
     ({ name: columnName }, rowData, { expandRow, isExpanded }) => {
       if (columnName === 'id') {
         return (
-          <Button variant="link" onClick={ () => expandRow() } withIconAutosize={ false }>
+          <Button data-testid={ `expand-row-${rowData[columnName]}` } variant="link" onClick={ () => expandRow() } withIconAutosize={ false }>
             <Icon name={ isExpanded ? 'ChevronTop' : 'ChevronDown' } size="sm" />
             <span>{ rowData[columnName] }</span>
           </Button>