Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

Fix Percy Storybook Usage#674

Merged
Marc-Andre-Rivet merged 7 commits into
596-markdownsfrom
596-markdowns-percy
Jan 7, 2020
Merged

Fix Percy Storybook Usage#674
Marc-Andre-Rivet merged 7 commits into
596-markdownsfrom
596-markdowns-percy

Conversation

@Marc-Andre-Rivet

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

Copy link
Copy Markdown
Contributor

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.

babel,
ts: {
transpileOnly: true
},

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

Copy link
Copy Markdown
Contributor Author

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.

style_data_conditional={style_data_conditional}
/>))
.add(`"a" descending -- '' & 426 override`, () => (<DataTable
.add(`"a" descending -- empty string & 426 override`, () => (<DataTable

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

Copy link
Copy Markdown
Contributor Author

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.

Comment thread .circleci/config.yml
command: npm run test.visual

- store_artifacts:
path: storybook-static

Copy link
Copy Markdown
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