-
Notifications
You must be signed in to change notification settings - Fork 76
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
test(tabs): delay story due to potential timing chromatic diff #6437
Conversation
@@ -174,3 +174,6 @@ export const TabChilrenWithPercentageHeights = (): string => html` | |||
</calcite-tab> | |||
</calcite-tabs> | |||
`; | |||
TabChilrenWithPercentageHeights.parameters = { | |||
chromatic: { delay: 1000 } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sidebar: I think we could extract this delay in a helper module for reuse.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yeah, I have it sprinkled around on other stories too. The only thing is I'd rather not delay all stories, only the ones we need to
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I meant extracting the delay value, so we would import the same reference.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Gotcha. I've been putting different delay values at this point to see what works without eating too much time. But once I figure that out I'll create a const
src/components/tabs/tabs.stories.ts
Outdated
@@ -174,3 +174,6 @@ export const TabChilrenWithPercentageHeights = (): string => html` | |||
</calcite-tab> | |||
</calcite-tabs> | |||
`; | |||
TabChilrenWithPercentageHeights.parameters = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should this be spelled Children
? ☝️
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Chilrun
😂 Good catch.
Issue #5284 doesn't seem related to this PR. Is that intentional? |
This PR has been automatically marked as stale because it has not had recent activity. Please close your PR if it is no longer relevant. Thank you for your contributions. |
…tory * origin/master: (57 commits) ci(eslint): ignore private/internal code for jsdoc rules (#6416) fix(modal): ensure modal transitions are in sync (#6564) fix(action): ensure consistent width to accommodate indicator when displaying text (#6562) build(deps): Bump focus-trap from 7.2.0 to 7.3.1 (#6540) feat(block): add built-in localization (#6503) revert(stepper-item): emits calciteStepperItemSelect event when selected (#6560) refactor: move ref prop last to ensure ref node is in sync (#6530) feat(stepper-item): emits `calciteStepperItemSelect` event when selected. (#6521) build(deps): Bump @storybook/addon-a11y from 6.5.15 to 6.5.16 (#6539) build(deps): Bump eslint from 8.30.0 to 8.35.0 (#6543) chore(block): add t9n message bundles. (#6559) build: ensure required files are available for doc preview build (#6557) fix(slider): range slider thumb on all touch-enabled devices now follows touch gesture (#6553) feat(modal): provides `content-top` and `content-bottom` slots (#6490) chore(release): 1.0.8 chore(release): 1.0.8-next.4 fix(filter, list): filter properly on initialization (#6551) chore(release): 1.0.8-next.3 fix: apply offsetParent polyfill for Chrome 109+ (#6520) fix(tree): restore wrapping in tree-item text content (#6518) ...
…ponents into benelan/delay-tab-story * 'benelan/delay-tab-story' of github.com:esri/calcite-components:
…ment-bigdecimal * origin/master: test(tabs): delay story due to potential timing chromatic diff (#6437) build(deps): Bump chromatic from 6.14.0 to 6.17.1 (#6571) build(deps): Bump postcss from 8.4.20 to 8.4.21 (#6570) build(deps): Bump eslint-config-prettier from 8.6.0 to 8.7.0 (#6572) ci(eslint): ignore private/internal code for jsdoc rules (#6416)
…efox-esr * origin/master: (62 commits) build(deps): Bump rimraf and @types/rimraf (#6541) build(deps): Bump quicktype-core from 6.1.0 to 23.0.12 (#6573) test(tabs): delay story due to potential timing chromatic diff (#6437) build(deps): Bump chromatic from 6.14.0 to 6.17.1 (#6571) build(deps): Bump postcss from 8.4.20 to 8.4.21 (#6570) build(deps): Bump eslint-config-prettier from 8.6.0 to 8.7.0 (#6572) ci(eslint): ignore private/internal code for jsdoc rules (#6416) fix(modal): ensure modal transitions are in sync (#6564) fix(action): ensure consistent width to accommodate indicator when displaying text (#6562) build(deps): Bump focus-trap from 7.2.0 to 7.3.1 (#6540) feat(block): add built-in localization (#6503) revert(stepper-item): emits calciteStepperItemSelect event when selected (#6560) refactor: move ref prop last to ensure ref node is in sync (#6530) feat(stepper-item): emits `calciteStepperItemSelect` event when selected. (#6521) build(deps): Bump @storybook/addon-a11y from 6.5.15 to 6.5.16 (#6539) build(deps): Bump eslint from 8.30.0 to 8.35.0 (#6543) chore(block): add t9n message bundles. (#6559) build: ensure required files are available for doc preview build (#6557) fix(slider): range slider thumb on all touch-enabled devices now follows touch gesture (#6553) feat(modal): provides `content-top` and `content-bottom` slots (#6490) ...
Related Issue: #5284
Summary
Adds a delay to the story because it registered a chromatic diff in what seems like a timing issue
https://www.chromatic.com/test?appId=6266d45509d7eb004aa254fb&id=63e30231eac9ea4af6de885d