Skip to content

chore(fluent-accordion): Add screenshot tests#28441

Merged
miroslavstastny merged 6 commits into
microsoft:web-components-v3from
miroslavstastny:chore/accordion-vr
Aug 5, 2023
Merged

chore(fluent-accordion): Add screenshot tests#28441
miroslavstastny merged 6 commits into
microsoft:web-components-v3from
miroslavstastny:chore/accordion-vr

Conversation

@miroslavstastny

Copy link
Copy Markdown
Member

Adds VR tests for fluent-accordion WC.
Adds Story decorator which sets light/dark theme and LTR/RTL direction for the story.

@@ -1,3 +1,5 @@
import { WCThemeDecorator } from '../src/utilities/WCThemeDecorator'

@fabricteam fabricteam Jul 6, 2023

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

🕵 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

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

@fabricteam

fabricteam commented Jul 6, 2023

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

🤖 This report was generated against a457b72a901f51caaabceb4e0e32ed98ad559e90

@size-auditor

size-auditor Bot commented Jul 6, 2023

Copy link
Copy Markdown

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: a457b72a901f51caaabceb4e0e32ed98ad559e90 (build)

@codesandbox-ci

codesandbox-ci Bot commented Jul 6, 2023

Copy link
Copy Markdown

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:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

};

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;">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

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" />

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Here as well.

@@ -1,3 +1,5 @@
import { WCThemeDecorator } from '../src/utilities/WCThemeDecorator'

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

🕵 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

@miroslavstastny
miroslavstastny merged commit 67cb8d0 into microsoft:web-components-v3 Aug 5, 2023
@miroslavstastny
miroslavstastny deleted the chore/accordion-vr branch August 5, 2023 05:19
chrisdholt pushed a commit that referenced this pull request Apr 29, 2024
* 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
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 29, 2024
* 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
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 29, 2024
* 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
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 30, 2024
* 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
radium-v pushed a commit that referenced this pull request Apr 30, 2024
* 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
radium-v pushed a commit that referenced this pull request May 2, 2024
* 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
radium-v pushed a commit that referenced this pull request May 2, 2024
* 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
radium-v pushed a commit that referenced this pull request May 2, 2024
* 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
radium-v pushed a commit that referenced this pull request May 3, 2024
* 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
radium-v pushed a commit that referenced this pull request May 6, 2024
* 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
radium-v pushed a commit that referenced this pull request May 6, 2024
* 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
radium-v pushed a commit that referenced this pull request May 8, 2024
* 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
radium-v pushed a commit that referenced this pull request May 10, 2024
* 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants