chore(fluent-accordion): Add screenshot tests#28441
Conversation
| @@ -1,3 +1,5 @@ | |||
| import { WCThemeDecorator } from '../src/utilities/WCThemeDecorator' | |||
There was a problem hiding this comment.
🕵 FluentUI-web-components Open the Visual Regressions report to inspect the 15 screenshots
✅ There was 11 screenshots added, 3 screenshots removed, 0 screenshots unchanged, 0 screenshots with different dimensions and 1 screenshots with visible difference.
unknown 15 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Accordion.Accordion With Custom Icons.normal.chromium.png | 1439 | Changed |
| Accordion.Accordion With Custom Icons - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Accordion With Custom Icons - RTL.normal.chromium.png | 0 | Added |
| Accordion.Disabled - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Disabled - RTL.normal.chromium.png | 0 | Added |
| Accordion.Disabled.normal.chromium.png | 0 | Added |
| Accordion.Expand Icon Position End - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Expand Icon Position End - RTL.normal.chromium.png | 0 | Added |
| Accordion.Expand Icon Position End.normal.chromium.png | 0 | Added |
| Accordion.Size - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Size - RTL.normal.chromium.png | 0 | Added |
| Accordion.Size.normal.chromium.png | 0 | Added |
| Accordion.Accordion With Custom Icons RTL.normal.chromium.png | 0 | Removed |
| Accordion.Accordion With Custom Icons RTL.opened.chromium.png | 0 | Removed |
| Accordion.Accordion With Custom Icons.opened.chromium.png | 0 | Removed |
📊 Bundle size report🤖 This report was generated against a457b72a901f51caaabceb4e0e32ed98ad559e90 |
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: a457b72a901f51caaabceb4e0e32ed98ad559e90 (build) |
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 4f79a23:
|
| }; | ||
|
|
||
| const add20Filled = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
| const add20Filled = `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="fill: currentColor;"> |
There was a problem hiding this comment.
This should probably be reverted to match the storybook story?
| xmlns="http://www.w3.org/2000/svg" | ||
| style="fill: currentColor;" | ||
| > | ||
| <rect x="3" y="9.25" width="14" height="1.5" rx="0.75" fill="#212121" /> |
4579573 to
4f79a23
Compare
| @@ -1,3 +1,5 @@ | |||
| import { WCThemeDecorator } from '../src/utilities/WCThemeDecorator' | |||
There was a problem hiding this comment.
🕵 fluentui-web-components-v3 Open the Visual Regressions report to inspect the affected screenshots
Accordion 15 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Accordion.Accordion With Custom Icons.normal.chromium.png | 1447 | Changed |
| Accordion.Accordion With Custom Icons - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Accordion With Custom Icons - RTL.normal.chromium.png | 0 | Added |
| Accordion.Disabled - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Disabled - RTL.normal.chromium.png | 0 | Added |
| Accordion.Disabled.normal.chromium.png | 0 | Added |
| Accordion.Expand Icon Position End - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Expand Icon Position End - RTL.normal.chromium.png | 0 | Added |
| Accordion.Expand Icon Position End.normal.chromium.png | 0 | Added |
| Accordion.Size - Dark Mode.normal.chromium.png | 0 | Added |
| Accordion.Size - RTL.normal.chromium.png | 0 | Added |
| Accordion.Size.normal.chromium.png | 0 | Added |
| Accordion.Accordion With Custom Icons RTL.normal.chromium.png | 0 | Removed |
| Accordion.Accordion With Custom Icons RTL.opened.chromium.png | 0 | Removed |
| Accordion.Accordion With Custom Icons.opened.chromium.png | 0 | Removed |
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story
Adds VR tests for
fluent-accordionWC.Adds Story decorator which sets light/dark theme and LTR/RTL direction for the story.