Skip to content
This repository was archived by the owner on Jun 4, 2024. It is now read-only.

Fix Percy Storybook Usage #674

Merged
merged 7 commits into from
Jan 7, 2020
Merged

Conversation

Marc-Andre-Rivet
Copy link
Contributor

@Marc-Andre-Rivet Marc-Andre-Rivet commented Jan 6, 2020

Seems like the latest Percy update caused problems with ' in names. Mix of many things that were attempted and that in the end provide value whether they fix something or not: temporarily fix the percy storybook tests, updates the toolchain, outputs storybook artifacts in CI.

@@ -1,6 +1,9 @@
let babel = require('./babel.config.js');
let config = require('./../.config/webpack/base.js')({
babel,
ts: {
transpileOnly: true
},
Copy link
Contributor Author

@Marc-Andre-Rivet Marc-Andre-Rivet Jan 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@storybook/react now uses a library called emotions which does processing on all css component props expected type def in TypeScript. We use typescript, it trips us up. Removing type checking for tests like already done in Cypress.

@@ -270,7 +270,7 @@ storiesOf('DashTable/Sorting', module)
sort_as_null={['']}
style_data_conditional={style_data_conditional}
/>))
.add(`"a" descending -- '' & 426 override`, () => (<DataTable
.add(`"a" descending -- empty string & 426 override`, () => (<DataTable
Copy link
Contributor Author

@Marc-Andre-Rivet Marc-Andre-Rivet Jan 6, 2020

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not using '' makes the test display content again.

@@ -147,7 +147,8 @@ jobs:
- run:
name: Run visual tests
command: npm run test.visual

- store_artifacts:
path: storybook-static
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To help figure out what's potentially wrong with visual tests, store the storybook generation

@Marc-Andre-Rivet Marc-Andre-Rivet marked this pull request as ready for review January 6, 2020 22:18
@Marc-Andre-Rivet Marc-Andre-Rivet merged commit abe0c31 into 596-markdowns Jan 7, 2020
@Marc-Andre-Rivet Marc-Andre-Rivet deleted the 596-markdowns-percy branch January 7, 2020 14:19
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants