Upgrade Playwright to 1.43.1 #31205
Open
Upgrade Playwright to 1.43.1 #31205
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
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. |
tudorpopams
approved these changes
Apr 26, 2024
radium-v
force-pushed
the
users/radium-v/upgrade-playwright
branch
2 times, most recently
from
e39e0dd
to
ddb97a4
Compare
Hotell
reviewed
Apr 29, 2024
| @@ -6,6 +6,10 @@ steps: | |||
| filePath: yarn-ci.sh | |||
| displayName: yarn (install packages) | |||
|
|
|||
| - script: | | |||
| yarn playwright install --with-deps | |||
There was a problem hiding this comment.
we don't use playwright for this pipeline. wondering what's the use-case here? with this every PR will be slowed down with no reason.
There was a problem hiding this comment.
we don't use playwright for this pipeline. wondering what's the use-case here?
This will be used directly via the test command when the web-components-v3 branch is eventually brought into master. Preparing the pipeline and dependencies for Playwright now will reduce the surface area of that eventual merge, since Playwright is already present in master (as a dependency for Storybook Storywright).
with this every PR will be slowed down with no reason.
There shouldn't be any additional slowdown since it's doing the same things it's always done, only split into two discrete steps. Old versions of Playwright automatically download and install the browser binaries during the yarn install, but this behavior was changed in >= 1.38.
There was a problem hiding this comment.
since Playwright is already present in master (as a dependency for Storybook).
it has nothing to do with storybook, rather storywright - VR test solution which is in completely different pipeline. this will slow down every PR by installing binaries no matter the affected changes which is not something we would like to do.
Having test target for 2 completely different testing approaches is misleading and something we wanna avoid ( majority of repo goes with test -> jest ). It would be great if you could adopt nomenclature we use in the whole monorepo - in this case, I assume you're leveraging playwright component browser test ? we use e2e target for this case with cypress. If you change that on your end which should be 1 word change within package.json, we could move this to e2e pipeline which is already "suffering" from cypress binaries https://github.com/microsoft/fluentui/blob/master/.devops/templates/deployE2E.yml.
There was a problem hiding this comment.
it has nothing to do with storybook, rather storywright - VR test solution which is in completely different pipeline. this will slow down every PR by installing binaries no matter the affected changes which is not something we would like to do.
Sorry for the Storybook/Storywright confusion, it was a brain typo.
I understand what you mean now. I'll remove the entry here. For web-components-v3, I'll change the test script to e2e, and add the playwright install step to the e2e pipeline.
Hotell
reviewed
Apr 29, 2024
| @@ -15,6 +15,10 @@ steps: | |||
| filePath: yarn-ci.sh | |||
| displayName: yarn (install packages) | |||
|
|
|||
| - script: | | |||
| yarn playwright install --with-deps | |||
There was a problem hiding this comment.
I'm wondering what side-effects this might have for our VR testing solutions. can we reach out to folks @TristanWatanabe and test it out locally ?
There was a problem hiding this comment.
Best way to test would be to apply the changes in this PR and trigger VR testing for v0, v8 and v9 (via a PR) and see if any new discrepancies are reported
There was a problem hiding this comment.
we can just change some implementation of v9 in this PR to see the outcome without need to merge first no ?
There was a problem hiding this comment.
Yep @radium-v , can you just make a random change to a src/ file in the @fluentui/react-components package to trigger the VR tests so we can see the diff?
radium-v
force-pushed
the
users/radium-v/upgrade-playwright
branch
from
ddb97a4
to
9b3f51e
Compare
📊 Bundle size report✅ No changes found |
Perf Analysis (
|
| Scenario | Current PR Ticks | Baseline Ticks | Ratio |
|---|---|---|---|
| GridMinimalPerf.default | 199 | 181 | 1.1:1 |
| TextAreaMinimalPerf.default | 299 | 272 | 1.1:1 |
| PortalMinimalPerf.default | 88 | 81 | 1.09:1 |
| TableMinimalPerf.default | 239 | 221 | 1.08:1 |
| AvatarMinimalPerf.default | 110 | 103 | 1.07:1 |
| ListCommonPerf.default | 391 | 367 | 1.07:1 |
| RadioGroupMinimalPerf.default | 272 | 255 | 1.07:1 |
| CardMinimalPerf.default | 321 | 303 | 1.06:1 |
| ListMinimalPerf.default | 325 | 306 | 1.06:1 |
| ButtonSlotsPerf.default | 314 | 298 | 1.05:1 |
| ChatWithPopoverPerf.default | 194 | 184 | 1.05:1 |
| DropdownManyItemsPerf.default | 405 | 385 | 1.05:1 |
| FlexMinimalPerf.default | 164 | 156 | 1.05:1 |
| InputMinimalPerf.default | 542 | 517 | 1.05:1 |
| TreeWith60ListItems.default | 88 | 84 | 1.05:1 |
| BoxMinimalPerf.default | 198 | 190 | 1.04:1 |
| CarouselMinimalPerf.default | 268 | 258 | 1.04:1 |
| HeaderSlotsPerf.default | 484 | 467 | 1.04:1 |
| ImageMinimalPerf.default | 231 | 223 | 1.04:1 |
| ListWith60ListItems.default | 369 | 354 | 1.04:1 |
| ChatMinimalPerf.default | 449 | 437 | 1.03:1 |
| DropdownMinimalPerf.default | 1446 | 1404 | 1.03:1 |
| ItemLayoutMinimalPerf.default | 710 | 686 | 1.03:1 |
| ProviderMinimalPerf.default | 198 | 192 | 1.03:1 |
| RefMinimalPerf.default | 115 | 112 | 1.03:1 |
| ToolbarMinimalPerf.default | 536 | 522 | 1.03:1 |
| AnimationMinimalPerf.default | 305 | 298 | 1.02:1 |
| EmbedMinimalPerf.default | 1854 | 1816 | 1.02:1 |
| HeaderMinimalPerf.default | 214 | 209 | 1.02:1 |
| LoaderMinimalPerf.default | 195 | 191 | 1.02:1 |
| RosterPerf.default | 1577 | 1546 | 1.02:1 |
| SplitButtonMinimalPerf.default | 2239 | 2187 | 1.02:1 |
| TableManyItemsPerf.default | 1142 | 1119 | 1.02:1 |
| TextMinimalPerf.default | 193 | 190 | 1.02:1 |
| DialogMinimalPerf.default | 440 | 437 | 1.01:1 |
| FormMinimalPerf.default | 227 | 225 | 1.01:1 |
| LabelMinimalPerf.default | 224 | 221 | 1.01:1 |
| MenuMinimalPerf.default | 511 | 507 | 1.01:1 |
| PopupMinimalPerf.default | 353 | 349 | 1.01:1 |
| ProviderMergeThemesPerf.default | 647 | 642 | 1.01:1 |
| SegmentMinimalPerf.default | 204 | 202 | 1.01:1 |
| SkeletonMinimalPerf.default | 194 | 193 | 1.01:1 |
| IconMinimalPerf.default | 394 | 392 | 1.01:1 |
| DatepickerMinimalPerf.default | 3566 | 3554 | 1:1 |
| MenuButtonMinimalPerf.default | 927 | 927 | 1:1 |
| StatusMinimalPerf.default | 404 | 404 | 1:1 |
| TreeMinimalPerf.default | 479 | 481 | 1:1 |
| AttachmentSlotsPerf.default | 615 | 623 | 0.99:1 |
| CheckboxMinimalPerf.default | 1140 | 1152 | 0.99:1 |
| DividerMinimalPerf.default | 204 | 206 | 0.99:1 |
| ListNestedPerf.default | 325 | 328 | 0.99:1 |
| CustomToolbarPrototype.default | 1433 | 1453 | 0.99:1 |
| VideoMinimalPerf.default | 426 | 431 | 0.99:1 |
| ReactionMinimalPerf.default | 212 | 216 | 0.98:1 |
| TooltipMinimalPerf.default | 1279 | 1308 | 0.98:1 |
| AccordionMinimalPerf.default | 83 | 86 | 0.97:1 |
| SliderMinimalPerf.default | 728 | 754 | 0.97:1 |
| ButtonOverridesMissPerf.default | 622 | 645 | 0.96:1 |
| AlertMinimalPerf.default | 150 | 160 | 0.94:1 |
| AttachmentMinimalPerf.default | 78 | 83 | 0.94:1 |
| ChatDuplicateMessagesPerf.default | 147 | 160 | 0.92:1 |
| LayoutMinimalPerf.default | 195 | 213 | 0.92:1 |
| ButtonMinimalPerf.default | 90 | 105 | 0.86:1 |
Perf Analysis (
|
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| FluentProviderWithTheme | virtual-rerender | 35 | 36 | 10 | Possible regression |
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 635 | 652 | 5000 | |
| Button | mount | 322 | 304 | 5000 | |
| Field | mount | 1135 | 1192 | 5000 | |
| FluentProvider | mount | 706 | 723 | 5000 | |
| FluentProviderWithTheme | mount | 92 | 92 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 35 | 36 | 10 | Possible regression |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 85 | 76 | 10 | |
| MakeStyles | mount | 893 | 866 | 50000 | |
| Persona | mount | 1824 | 1745 | 5000 | |
| SpinButton | mount | 1442 | 1420 | 5000 | |
| SwatchPicker | mount | 1519 | 1531 | 5000 |
fabricteam
reviewed
May 6, 2024
| @@ -15,6 +15,10 @@ steps: | |||
| filePath: yarn-ci.sh | |||
There was a problem hiding this comment.
🕵 fluentuiv8 Open the Visual Regressions report to inspect the affected screenshots
ActivityItem 3 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| ActivityItem.Personas.default.chromium.png | 5 | Changed |
| ActivityItem.CompactPersonas.default.chromium.png | 3 | Changed |
| ActivityItem.Personas - RTL.default.chromium.png | 5 | Changed |
Checkbox 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Checkbox.Custom render Checkbox.default.chromium.png | 2 | Changed |
ChoiceGroup 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| ChoiceGroup.With default size images.selected.chromium.png | 184 | Changed |
| ChoiceGroup.With default size images.default.chromium.png | 168 | Changed |
| ChoiceGroup.With default size images.hover unselected.chromium.png | 183 | Changed |
| ChoiceGroup.With default size images.hover selected.chromium.png | 184 | Changed |
Coachmark 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Coachmark.Collapsed.default.chromium.png | 2 | Changed |
| Coachmark.Rendering Coachmark attached to a rectangle.default.chromium.png | 1 | Changed |
ColorPicker 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| ColorPicker.Blue.default.chromium.png | 2 | Changed |
ComboBox 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| ComboBox.Error.click.chromium.png | 111 | Changed |
| ComboBox.Styled.click.chromium.png | 111 | Changed |
| ComboBox.Root.click.chromium.png | 111 | Changed |
| ComboBox.Root - RTL.click.chromium.png | 111 | Changed |
Facepile 6 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Facepile.Extra extra small.default.chromium.png | 5 | Changed |
| Facepile.Root.default.chromium.png | 5 | Changed |
| Facepile.Add face.default.chromium.png | 7 | Changed |
| Facepile.Overflow.default.chromium.png | 2 | Changed |
| Facepile.Root - RTL.default.chromium.png | 5 | Changed |
| Facepile.Custom button styles.default.chromium.png | 2 | Changed |
Fonts 15 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Fonts.Chinese (Simplified).default.chromium.png | 11191 | Changed |
| Fonts.Hebrew.default.chromium.png | 11347 | Changed |
| Fonts.Armenian.default.chromium.png | 10615 | Changed |
| Fonts.Georgian.default.chromium.png | 11193 | Changed |
| Fonts.Hindi.default.chromium.png | 14872 | Changed |
| Fonts.Cyrillic.default.chromium.png | 11191 | Changed |
| Fonts.Korean.default.chromium.png | 14872 | Changed |
| Fonts.Thai.default.chromium.png | 8397 | Changed |
| Fonts.Chinese (Traditional).default.chromium.png | 11191 | Changed |
| Fonts.Greek.default.chromium.png | 11191 | Changed |
| Fonts.Arabic.default.chromium.png | 11347 | Changed |
| Fonts.Japanese.default.chromium.png | 23677 | Changed |
| Fonts.East European.default.chromium.png | 11183 | Changed |
| Fonts.Vietnamese.default.chromium.png | 11159 | Changed |
| Fonts.West European.default.chromium.png | 11191 | Changed |
PeoplePicker 17 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| PeoplePicker.List selected - RTL.default.chromium.png | 1 | Changed |
| PeoplePicker.Compact selected - RTL.default.chromium.png | 1 | Changed |
| PeoplePicker.Normal Overflow selected - RTL.default.chromium.png | 2 | Changed |
| PeoplePicker.Normal selected - RTL.default.chromium.png | 1 | Changed |
| PeoplePicker.Normal Overflow selected.default.chromium.png | 2 | Changed |
| PeoplePicker.Compact selected.suggestions.chromium.png | 9 | Changed |
| PeoplePicker.List selected - RTL.suggestions.chromium.png | 7 | Changed |
| PeoplePicker.Normal with text.suggestion- a .chromium.png | 161 | Changed |
| PeoplePicker.Compact.suggestions.chromium.png | 8 | Changed |
| PeoplePicker.Normal selected - RTL.suggestions.chromium.png | 8 | Changed |
| PeoplePicker.Compact selected - RTL.suggestions.chromium.png | 10 | Changed |
| PeoplePicker.Normal Overflow selected - RTL.suggestions.chromium.png | 9 | Changed |
| PeoplePicker.List.suggestions.chromium.png | 6 | Changed |
| PeoplePicker.Normal.suggestions.chromium.png | 6 | Changed |
| PeoplePicker.Normal Overflow selected.suggestions.chromium.png | 8 | Changed |
| PeoplePicker.List selected.suggestions.chromium.png | 6 | Changed |
| PeoplePicker.Normal selected.suggestions.chromium.png | 7 | Changed |
Persona 5 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Persona.size100 (extraLarge) - RTL.default.chromium.png | 3 | Changed |
| Persona.size100 (extraLarge).default.chromium.png | 3 | Changed |
| Persona.size28 (extraSmall).default.chromium.png | 1 | Changed |
| Persona.size24 (extraExtraSmall).default.chromium.png | 1 | Changed |
| Persona.size72 (large).default.chromium.png | 3 | Changed |
Slider 12 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Slider.EqualMinMax.default.chromium.png | 1 | Changed |
| Slider.EqualMinMax.hover.chromium.png | 2 | Changed |
| Slider.Max not multiple of step.hover.chromium.png | 2 | Changed |
| Slider.Root - RTL.hover.chromium.png | 2 | Changed |
| Slider.Root.default.chromium.png | 1 | Changed |
| Slider.Root.hover.chromium.png | 2 | Changed |
| Slider.Step less than 1.hover.chromium.png | 2 | Changed |
| Slider.Step less than 1.default.chromium.png | 1 | Changed |
| Slider.Vertical.hover.chromium.png | 2 | Changed |
| Slider.Root - RTL.default.chromium.png | 1 | Changed |
| Slider.Vertical.default.chromium.png | 1 | Changed |
| Slider.Max not multiple of step.default.chromium.png | 1 | Changed |
SwatchColorPicker 24 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| SwatchColorPicker.Circle - RTL.Focused.chromium.png | 7 | Changed |
| SwatchColorPicker.Circle - RTL.Selected and Focused.chromium.png | 9 | Changed |
| SwatchColorPicker.Circle - RTL.Hovered.chromium.png | 7 | Changed |
| SwatchColorPicker.Circle over 24px size.Focused.chromium.png | 12 | Changed |
| SwatchColorPicker.Circle - RTL.Mousedown.chromium.png | 7 | Changed |
| SwatchColorPicker.Circle - RTL.default.chromium.png | 7 | Changed |
| SwatchColorPicker.Circle over 24px size.Selected and Focused.chromium.png | 16 | Changed |
| SwatchColorPicker.Circle.Focused.chromium.png | 7 | Changed |
| SwatchColorPicker.Circle over 24px size.Mousedown.chromium.png | 13 | Changed |
| SwatchColorPicker.Circle.Mousedown.chromium.png | 7 | Changed |
| SwatchColorPicker.Circle.Hovered.chromium.png | 7 | Changed |
| SwatchColorPicker.Circle over 24px size.default.chromium.png | 14 | Changed |
| SwatchColorPicker.Circle.Selected and Focused.chromium.png | 9 | Changed |
| SwatchColorPicker.Circle over 24px size.Selected and Hovered.chromium.png | 16 | Changed |
| SwatchColorPicker.Multiple rows.Mousedown.chromium.png | 14 | Changed |
| SwatchColorPicker.Multiple rows.Selected and Focused.chromium.png | 16 | Changed |
| SwatchColorPicker.Multiple rows.Hovered.chromium.png | 14 | Changed |
| SwatchColorPicker.Multiple rows.Focused.chromium.png | 14 | Changed |
| SwatchColorPicker.Multiple rows.default.chromium.png | 14 | Changed |
| SwatchColorPicker.Circle.Selected and Hovered.chromium.png | 9 | Changed |
| SwatchColorPicker.Circle.default.chromium.png | 7 | Changed |
| SwatchColorPicker.Multiple rows.Selected and Hovered.chromium.png | 16 | Changed |
| SwatchColorPicker.Circle - RTL.Selected and Hovered.chromium.png | 9 | Changed |
| SwatchColorPicker.Circle over 24px size.Hovered.chromium.png | 13 | Changed |
Tile 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Tile.Document tile with icon.default.chromium.png | 4 | Changed |
Toggle 6 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Toggle.Checked - RTL.default.chromium.png | 2 | Changed |
| Toggle.Checked.default.chromium.png | 2 | Changed |
| Toggle.With inline label and without onText and offText.default.chromium.png | 2 | Changed |
| Toggle.With inline label.default.chromium.png | 2 | Changed |
| Toggle.With inline label (JSX Element).default.chromium.png | 2 | Changed |
| Toggle.With inline label (JSX Element) and without onText and offText.default.chromium.png | 2 | Changed |
react-charting-AreaChart 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| react-charting-AreaChart.Basic.hover.chromium.png | 1 | Changed |
react-charting-GaugeChart 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| react-charting-GaugeChart.Basic.default.chromium.png | 1 | Changed |
| react-charting-GaugeChart.Variant.default.chromium.png | 1 | Changed |
| react-charting-GaugeChart.Variant - RTL.default.chromium.png | 1 | Changed |
| react-charting-GaugeChart.Basic - RTL.default.chromium.png | 1 | Changed |
react-charting-LineChart 10 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| react-charting-LineChart.Basic.hover.chromium.png | 3 | Changed |
| react-charting-LineChart.Events - RTL.default.chromium.png | 1 | Changed |
| react-charting-LineChart.Gaps - RTL.default.chromium.png | 3 | Changed |
| react-charting-LineChart.Basic - RTL.default.chromium.png | 3 | Changed |
| react-charting-LineChart.Basic.default.chromium.png | 3 | Changed |
| react-charting-LineChart.Multiple - RTL.default.chromium.png | 61 | Changed |
| react-charting-LineChart.Events.default.chromium.png | 2 | Changed |
| react-charting-LineChart.Gaps.default.chromium.png | 4 | Changed |
| react-charting-LineChart.Multiple.default.chromium.png | 60 | Changed |
| react-charting-LineChart.Multiple - Dark Mode.default.chromium.png | 45 | Changed |
react-charting-SankeyChart 3 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| react-charting-SankeyChart.Basic - RTL.default.chromium.png | 22 | Changed |
| react-charting-SankeyChart.Basic - Dark Mode.default.chromium.png | 8 | Changed |
| react-charting-SankeyChart.Basic.default.chromium.png | 23 | Changed |
react-charting-SparkLineChart 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| react-charting-SparkLineChart.Basic - RTL.default.chromium.png | 1 | Changed |
| react-charting-SparkLineChart.Basic.default.chromium.png | 1 | Changed |
fabricteam
reviewed
May 6, 2024
| @@ -15,6 +15,10 @@ steps: | |||
| filePath: yarn-ci.sh | |||
There was a problem hiding this comment.
🕵 FluentUIV0 Open the Visual Regressions report to inspect the affected screenshots
Alert 14 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Alert.Alert Example Dismissible.chromium.png | 1 | Changed |
| Alert.Alert Example Dismiss Action.chromium.png | 1 | Changed |
| Alert.Alert Example Dismissible Teams High Contrast.chromium.png | 3 | Changed |
| Alert.Alert Example Dismissible Teams Dark.chromium.png | 1 | Changed |
| Alert.Alert Example Dismissible Teams.chromium.png | 1 | Changed |
| Alert.Alert Example Oof Teams High Contrast.Hovers the focused action button.chromium.png | 1 | Changed |
| Alert.Alert Example Important Message.chromium.png | 1 | Changed |
| Alert.Alert Example Oof Teams High Contrast.chromium.png | 3 | Changed |
| Alert.Alert Example Oof Teams High Contrast.Focuses the action button.chromium.png | 1 | Changed |
| Alert.Alert Example Urgent Teams Dark.chromium.png | 1 | Changed |
| Alert.Alert Example Urgent.chromium.png | 1 | Changed |
| Alert.Alert Example Urgent Teams High Contrast.chromium.png | 3 | Changed |
| Alert.Alert Example Urgent Teams.chromium.png | 1 | Changed |
| Alert.Alert Example Width.chromium.png | 3 | Changed |
Animation 7 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Animation.Animation Example Delay.chromium.png | 8 | Changed |
| Animation.Animation Example Duration.chromium.png | 8 | Changed |
| Animation.Animation Example Direction.chromium.png | 31 | Changed |
| Animation.Animation Example Fill Mode.chromium.png | 28 | Changed |
| Animation.Animation Example Timing Function.chromium.png | 47 | Changed |
| Animation.Animation Example Iteration Count.chromium.png | 31 | Changed |
| Animation.Animation Example.chromium.png | 8 | Changed |
Attachment 11 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Attachment.Attachment Action Example Shorthand Teams Dark.Focuses action.chromium.png | 3 | Changed |
| Attachment.Attachment Action Example Shorthand Teams High Contrast.Focuses action.chromium.png | 3 | Changed |
| Attachment.Attachment Action Example Shorthand Teams Dark.Hovers action.chromium.png | 3 | Changed |
| Attachment.Attachment Action Example Shorthand Teams.Hovers action.chromium.png | 3 | Changed |
| Attachment.Attachment Action Example Shorthand Teams.Focuses action.chromium.png | 3 | Changed |
| Attachment.Attachment Action Example Shorthand.Hovers action.chromium.png | 3 | Changed |
| Attachment.Attachment Action Example Shorthand Teams High Contrast.Hovers action.chromium.png | 3 | Changed |
| Attachment.Attachment Action Example Shorthand Teams High Contrast.chromium.png | 1 | Changed |
| Attachment.Attachment Action Example Shorthand.Focuses action.chromium.png | 3 | Changed |
| Attachment.Attachment Actionable Example Shorthand Teams High Contrast.chromium.png | 1 | Changed |
| Attachment.Attachment Icon Example Shorthand.chromium.png | 1 | Changed |
Avatar 8 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Avatar.Avatar Example Excluded Initials Shorthand.chromium.png | 2 | Changed |
| Avatar.Avatar Example Image Shorthand.chromium.png | 2 | Changed |
| Avatar.Avatar Example Status Customization Shorthand.chromium.png | 10 | Changed |
| Avatar.Avatar Example Icon Shorthand.chromium.png | 1 | Changed |
| Avatar.Avatar Example Status Shorthand.chromium.png | 3 | Changed |
| Avatar.Avatar Usage Example Shorthand.chromium.png | 6 | Changed |
| Avatar.Avatar Example Square.chromium.png | 1 | Changed |
| Avatar.Avatar Example Size Shorthand.chromium.png | 30 | Changed |
Breadcrumb 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Breadcrumb.Breadcrumb Example Sizes.chromium.png | 8 | Changed |
Button 59 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Button.Button Example Circular.chromium.png | 2 | Changed |
| Button.Button Example Content And Icon Teams High Contrast.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Example Content And Icon Teams High Contrast.chromium.png | 2 | Changed |
| Button.Button Example Content And Icon Teams High Contrast.Clicks the first button.chromium.png | 1 | Changed |
| Button.Button Example Disabled Teams High Contrast.Clicks the first button.chromium.png | 4 | Changed |
| Button.Button Example Disabled Teams High Contrast.chromium.png | 4 | Changed |
| Button.Button Example Disabled Teams High Contrast.Focuses on the second button.chromium.png | 4 | Changed |
| Button.Button Example Disabled Teams High Contrast.Hovers the first button.chromium.png | 4 | Changed |
| Button.Button Example Icon Only.chromium.png | 3 | Changed |
| Button.Button Example Inverted.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams.Clicks the first button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams Dark.Focuses on the second button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams Dark.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams High Contrast.Hovers the first button.chromium.png | 3 | Changed |
| Button.Button Example Text Shorthand Teams Dark.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams High Contrast.Clicks the first button.chromium.png | 3 | Changed |
| Button.Button Example Text Shorthand Teams.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams Dark.Clicks the first button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams High Contrast.Focuses on the second button.chromium.png | 3 | Changed |
| Button.Button Example Text Shorthand Teams.Focuses on the second button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand.Focuses on the second button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand.Clicks the first button.chromium.png | 1 | Changed |
| Button.Button Example Text Shorthand Teams High Contrast.chromium.png | 3 | Changed |
| Button.Button Example Text Shorthand.chromium.png | 1 | Changed |
| Button.Button Group Circular Example Shorthand Teams Dark.Focuses on the second button.chromium.png | 1 | Changed |
| Button.Button Group Circular Example Shorthand Teams High Contrast.chromium.png | 11 | Changed |
| Button.Button Group Circular Example Shorthand Teams Dark.chromium.png | 1 | Changed |
| Button.Button Group Circular Example Shorthand Teams High Contrast.Focuses on the second button.chromium.png | 10 | Changed |
| Button.Button Group Circular Example Shorthand Teams Dark.Clicks the first button.chromium.png | 1 | Changed |
| Button.Button Group Circular Example Shorthand Teams High Contrast.Clicks the first button.chromium.png | 8 | Changed |
| Button.Button Group Circular Example Shorthand Teams.Focuses on the second button.chromium.png | 3 | Changed |
| Button.Button Group Circular Example Shorthand Teams Dark.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Group Circular Example Shorthand Teams.chromium.png | 2 | Changed |
| Button.Button Group Circular Example Shorthand Teams.Clicks the first button.chromium.png | 3 | Changed |
| Button.Button Group Circular Example Shorthand.Clicks the first button.chromium.png | 3 | Changed |
| Button.Button Group Circular Example Shorthand Teams.Hovers the first button.chromium.png | 3 | Changed |
| Button.Button Group Circular Example Shorthand.Focuses on the second button.chromium.png | 3 | Changed |
| Button.Button Group Circular Example Shorthand Teams High Contrast.Hovers the first button.chromium.png | 8 | Changed |
| Button.Button Group Circular Example Shorthand.Hovers the first button.chromium.png | 3 | Changed |
| Button.Button Group Circular Example Shorthand.chromium.png | 2 | Changed |
| Button.Button Group Example Shorthand Teams Dark.Focuses on the second button.chromium.png | 1 | Changed |
| Button.Button Group Example Shorthand Teams Dark.Clicks the first button.chromium.png | 1 | Changed |
| Button.Button Group Example Shorthand Teams Dark.chromium.png | 2 | Changed |
| Button.Button Group Example Shorthand Teams High Contrast.Clicks the first button.chromium.png | 3 | Changed |
| Button.Button Group Example Shorthand Teams High Contrast.Hovers the first button.chromium.png | 3 | Changed |
| Button.Button Group Example Shorthand Teams High Contrast.chromium.png | 3 | Changed |
| Button.Button Group Example Shorthand Teams Dark.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Group Example Shorthand Teams.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Group Example Shorthand Teams High Contrast.Focuses on the second button.chromium.png | 2 | Changed |
| Button.Button Group Example Shorthand Teams.Clicks the first button.chromium.png | 2 | Changed |
| Button.Button Group Example Shorthand Teams.Focuses on the second button.chromium.png | 1 | Changed |
| Button.Button Group Example Shorthand.Clicks the first button.chromium.png | 2 | Changed |
| Button.Button Group Example Shorthand.Hovers the first button.chromium.png | 1 | Changed |
| Button.Button Group Example Shorthand.chromium.png | 2 | Changed |
| Button.Button Group Example Shorthand Teams.chromium.png | 2 | Changed |
| Button.Button Usage Example Shorthand.chromium.png | 142 | Changed |
| Button.Button Group Example Shorthand.Focuses on the second button.chromium.png | 1 | Changed |
Card 11 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Card.Card Example Centered.chromium.png | 2 | Changed |
| Card.Card Example Footer.chromium.png | 2 | Changed |
| Card.Card Example With Preview Teams Dark.chromium.png | 2 | Changed |
| Card.Image Example Fluent.chromium.png | 6 | Changed |
| Card.Card Example With Preview Teams High Contrast.chromium.png | 3 | Changed |
| Card.Card Example Size.chromium.png | 2 | Changed |
| Card.Card Example Focusable Grid.chromium.png | 15361 | Changed |
| Card.Card Example Selectable Grid.chromium.png | 62130 | Changed |
| Card.Card Example With Preview.chromium.png | 2 | Changed |
| Card.Card Example Simple.chromium.png | 2 | Changed |
| Card.Card Example With Preview Teams.chromium.png | 2 | Changed |
Carousel 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Carousel.Carousel Example.chromium.png | 2 | Changed |
| Carousel.Carousel Slide Animation Example.chromium.png | 2 | Changed |
Chat 28 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Chat.Chat Example Comfy Refresh.chromium.png | 3 | Changed |
| Chat.Chat Example Compact.chromium.png | 7 | Changed |
| Chat.Chat Example Compact Teams.chromium.png | 7 | Changed |
| Chat.Chat Example Compact Teams Dark.chromium.png | 8 | Changed |
| Chat.Chat Example Compact Teams High Contrast.chromium.png | 25 | Changed |
| Chat.Chat Example Details Teams.chromium.png | 4 | Changed |
| Chat.Chat Example Header Override.chromium.png | 4 | Changed |
| Chat.Chat Example Content Position.chromium.png | 3 | Changed |
| Chat.Chat Example Details Teams Dark.chromium.png | 2 | Changed |
| Chat.Chat Example Details Teams High Contrast.chromium.png | 11 | Changed |
| Chat.Chat Example Read Status.chromium.png | 1 | Changed |
| Chat.Chat Example Rtl.chromium.png | 1 | Changed |
| Chat.Chat Example Details.chromium.png | 5 | Changed |
| Chat.Chat Example Header.chromium.png | 4 | Changed |
| Chat.Chat Example Teams Dark.chromium.png | 1 | Changed |
| Chat.Chat Example Reaction Group.chromium.png | 4 | Changed |
| Chat.Chat Example Teams High Contrast.chromium.png | 9 | Changed |
| Chat.Chat Message Example Badge Teams.chromium.png | 4 | Changed |
| Chat.Chat Example Teams.chromium.png | 3 | Changed |
| Chat.Chat Message Example Badge Teams Dark.chromium.png | 2 | Changed |
| Chat.Chat Example.chromium.png | 3 | Changed |
| Chat.Chat Message Example Badge.chromium.png | 4 | Changed |
| Chat.Message Reactions With Popup Teams Dark.chromium.png | 3 | Changed |
| Chat.Chat Message Example Styled.chromium.png | 4 | Changed |
| Chat.Message Reactions With Popup Teams High Contrast.chromium.png | 14 | Changed |
| Chat.Message Reactions With Popup Teams.chromium.png | 5 | Changed |
| Chat.Chat Message Example Badge Teams High Contrast.chromium.png | 14 | Changed |
| Chat.Message Reactions With Popup.chromium.png | 4 | Changed |
Checkbox 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Checkbox.Checkbox Example Toggle.Focuses checkbox.chromium.png | 1 | Changed |
| Checkbox.Checkbox Example Toggle.Checks checkbox.chromium.png | 1 | Changed |
Datepicker 89 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Datepicker.Datepicker Cell Example Teams Dark.Does not show tooltip on not today's date..chromium.png | 1 | Changed |
| Datepicker.Datepicker Cell Example Teams Dark.Shows tooltip on today's date..chromium.png | 1 | Changed |
| Datepicker.Datepicker Cell Example Teams High Contrast.Shows datepicker popup..chromium.png | 5 | Changed |
| Datepicker.Datepicker Cell Example Teams Dark.Shows datepicker popup..chromium.png | 1 | Changed |
| Datepicker.Datepicker Cell Example Teams.Does not show tooltip on not today's date..chromium.png | 2 | Changed |
| Datepicker.Datepicker Cell Example Teams High Contrast.Shows tooltip on today's date..chromium.png | 3 | Changed |
| Datepicker.Datepicker Cell Example Teams.Shows tooltip on today's date..chromium.png | 1 | Changed |
| Datepicker.Datepicker Cell Example.Shows datepicker popup..chromium.png | 2 | Changed |
| Datepicker.Datepicker Cell Example Teams High Contrast.Does not show tooltip on not today's date..chromium.png | 5 | Changed |
| Datepicker.Datepicker Cell Example Teams.Shows datepicker popup..chromium.png | 2 | Changed |
| Datepicker.Datepicker Cell Example.Shows tooltip on today's date..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Clearable Teams Dark.Shows cleared calendar..chromium.png | 1 | Changed |
| Datepicker.Datepicker Cell Example.Does not show tooltip on not today's date..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Clearable Teams High Contrast.Shows cleared calendar..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Clearable Teams.Shows cleared calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Clearable Teams High Contrast.Shows selected date in input with clear possibility..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Localization Strings Teams Dark.Shows localized calendar..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Clearable.Shows cleared calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Localization Strings Teams High Contrast.Shows localized calendar..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Localization Strings.Shows localized calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Localization Strings Teams.Shows localized calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Min Max Date Teams High Contrast.Disabled date is not clickable..chromium.png | 4 | Changed |
| Datepicker.Datepicker Example Min Max Date Teams.Disabled date is not clickable..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Min Max Date Teams High Contrast.Month icon is not clickable..chromium.png | 4 | Changed |
| Datepicker.Datepicker Example Min Max Date Teams High Contrast.Shows min max dates..chromium.png | 4 | Changed |
| Datepicker.Datepicker Example Min Max Date Teams.Month icon is not clickable..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Min Max Date Teams.Shows min max dates..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Min Max Date.Disabled date is not clickable..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Min Max Date.Shows min max dates..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example No Input Teams Dark.Keeps calendar open..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example No Input Teams Dark.Shows calendar..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Min Max Date.Month icon is not clickable..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example No Input Teams High Contrast.Keeps calendar open..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example No Input Teams High Contrast.Shows calendar..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example No Input Teams.Shows calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example No Input Teams.Keeps calendar open..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Required Teams Dark.Shows datepicker popup through button and error is shown..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Required Teams High Contrast.Shows selected date in input without error..chromium.png | 4 | Changed |
| Datepicker.Datepicker Example No Input.Shows calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Required Teams.Shows datepicker popup through button and error is shown..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Required Teams High Contrast.Shows datepicker popup through button and error is shown..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example No Input.Keeps calendar open..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Required.Shows datepicker popup through button and error is shown..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Required.Shows selected date in input without error..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Required Teams.Shows selected date in input without error..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Restricted Dates Teams High Contrast.Shows disabled dates..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Restricted Dates Teams.Shows disabled dates..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Restricted Dates Teams Dark.Shows disabled dates..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Restricted Dates.Shows disabled dates..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Standalone Calendar Button Teams Dark.Shows datepicker calendar..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Standalone Calendar Button.Shows datepicker calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Standalone Calendar Button Teams High Contrast.Shows datepicker calendar..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Today Teams High Contrast.Shows calendar with hover..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Standalone Calendar Button Teams.Shows datepicker calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Today Teams Dark.Shows calendar with hover..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Today Teams High Contrast.Shows selected date in calendar..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Today Teams High Contrast.Shows datepicker popup through button..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Today Teams Dark.Shows datepicker popup through button..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Today Teams Dark.Shows selected date in calendar..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Today Teams.Shows calendar with hover..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Today Teams.Shows datepicker popup through button..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Today.Shows datepicker popup through button..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Today Teams.Shows selected date in calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Today.Shows calendar with hover..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Week Teams High Contrast.Calendar is opened with the entire week highlighted on hover..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Week Teams Dark.Calendar is opened with selected week highlighted..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Week Teams Dark.Calendar is opened with the entire week highlighted on hover..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Week Teams High Contrast.Calendar is opened with selected week highlighted..chromium.png | 3 | Changed |
| Datepicker.Datepicker Example Week Teams High Contrast.Shows calendar..chromium.png | 5 | Changed |
| Datepicker.Datepicker Example Week Teams Dark.Shows calendar..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Today.Shows selected date in calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Week Teams.Calendar is opened with selected week highlighted..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Week Teams.Calendar is opened with the entire week highlighted on hover..chromium.png | 1 | Changed |
| Datepicker.Datepicker Example Week.Shows calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Week Teams.Shows calendar..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Week.Calendar is opened with selected week highlighted..chromium.png | 2 | Changed |
| Datepicker.Datepicker Example Week.Calendar is opened with the entire week highlighted on hover..chromium.png | 2 | Changed |
| Datepicker.Datepicker Format Example Teams High Contrast.Shows datepicker popup.chromium.png | 5 | Changed |
| Datepicker.Datepicker Format Example Teams Dark.Shows datepicker popup.chromium.png | 1 | Changed |
| Datepicker.Datepicker Format Example Teams.Shows datepicker popup.chromium.png | 2 | Changed |
| Datepicker.Datepicker Header Cell Example Teams Dark.Shows datepicker popup..chromium.png | 1 | Changed |
| Datepicker.Datepicker Header Cell Example Teams.Shows datepicker popup..chromium.png | 2 | Changed |
| Datepicker.Datepicker Header Cell Example Teams High Contrast.Shows datepicker popup..chromium.png | 5 | Changed |
| Datepicker.Datepicker Header Cell Example Teams Dark.Shows tooltip on today's date..chromium.png | 1 | Changed |
| Datepicker.Datepicker Header Cell Example Teams.Shows tooltip on today's date..chromium.png | 2 | Changed |
| Datepicker.Datepicker Format Example.Shows datepicker popup.chromium.png | 2 | Changed |
| Datepicker.Datepicker Header Cell Example.Shows tooltip on today's date..chromium.png | 2 | Changed |
| Datepicker.Datepicker Header Cell Example Teams High Contrast.Shows tooltip on today's date..chromium.png | 5 | Changed |
| Datepicker.Datepicker Header Cell Example.Shows datepicker popup..chromium.png | 2 | Changed |
Divider 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Divider.Divider Vertical Example Shorthand.chromium.png | 4 | Changed |
Dropdown 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Dropdown.Dropdown Example Search Multiple Teams High Contrast.Selects last selected element.chromium.png | 2 | Changed |
| Dropdown.Dropdown Example Search Multiple Teams High Contrast.Hovers first selected element.chromium.png | 2 | Changed |
Flex 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Flex.Flex Example Input.chromium.png | 2 | Changed |
| Flex.Flex Example Nav Menu.chromium.png | 3 | Changed |
Form 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Form.Form Example Error And Satisfactory.chromium.png | 1 | Changed |
| Form.Form Example Components.chromium.png | 4 | Changed |
Image 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Image.Image Example Avatar.chromium.png | 2 | Changed |
Input 5 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Input.Input Example Icon Clearable Shorthand.chromium.png | 1 | Changed |
| Input.Input Example Icon.chromium.png | 1 | Changed |
| Input.Input Example Fluid.chromium.png | 1 | Changed |
| Input.Input Example Rtl.chromium.png | 1 | Changed |
| Input.Input Example Icon Position.chromium.png | 1 | Changed |
ItemLayout 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| ItemLayout.Item Layout Example Rtl Shorthand.chromium.png | 7 | Changed |
| ItemLayout.Item Layout Example Media Shorthand.chromium.png | 2 | Changed |
Label 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Label.Label Example Icon Position Shorthand.chromium.png | 1 | Changed |
| Label.Label Example Icon Shorthand.chromium.png | 1 | Changed |
| Label.Label Example Rtl.chromium.png | 1 | Changed |
| Label.Label Example Content Customization Shorthand.chromium.png | 1 | Changed |
List 20 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| List.List Example Navigable Teams Dark.chromium.png | 2 | Changed |
| List.List Example Media Shorthand.chromium.png | 3 | Changed |
| List.List Example Navigable Teams High Contrast.chromium.png | 4 | Changed |
| List.List Example Media.chromium.png | 3 | Changed |
| List.List Example Navigable Teams.chromium.png | 3 | Changed |
| List.List Example Navigable Teams High Contrast.Focuses item.chromium.png | 4 | Changed |
| List.List Example Navigable.Focuses item.chromium.png | 3 | Changed |
| List.List Example Navigable Teams Dark.Focuses item.chromium.png | 2 | Changed |
| List.List Example Rtl.chromium.png | 3 | Changed |
| List.List Example Navigable Teams.Focuses item.chromium.png | 3 | Changed |
| List.List Example Navigable.chromium.png | 3 | Changed |
| List.List Example Selectable Teams Dark.chromium.png | 2 | Changed |
| List.List Example Selectable Teams.chromium.png | 2 | Changed |
| List.List Example Selectable.Focuses item.chromium.png | 2 | Changed |
| List.List Example Selectable Teams High Contrast.Focuses item.chromium.png | 2 | Changed |
| List.List Example Selectable Teams Dark.Focuses item.chromium.png | 2 | Changed |
| List.List Example Selectable Teams High Contrast.chromium.png | 2 | Changed |
| List.List Example Selectable Teams.Focuses item.chromium.png | 2 | Changed |
| List.Selectable List Controlled Example.chromium.png | 2 | Changed |
| List.List Example Selectable.chromium.png | 2 | Changed |
Loader 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Loader.Loader Example Rtl.chromium.png | 1 | Changed |
| Loader.Loader Example Size.chromium.png | 6 | Changed |
Menu 78 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu.Menu Example Icon Only Teams High Contrast.Navigates to next item (focus state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only Teams Dark.chromium.png | 1 | Changed |
| Menu.Menu Example Icon Only Teams.Clicks on 2nd item (active state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png | 3 | Changed |
| Menu.Menu Example Icon Only Teams.Navigates to next item (focus state styles).chromium.png | 1 | Changed |
| Menu.Menu Example Icon Only Teams High Contrast.chromium.png | 4 | Changed |
| Menu.Menu Example Icon Only Teams.Hovers 2nd item (hover state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png | 3 | Changed |
| Menu.Menu Example Icon Only.Navigates to previous item (active and focus state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only.Hovers 2nd item (hover state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only.Navigates to next item (focus state styles).chromium.png | 1 | Changed |
| Menu.Menu Example Icon Only Teams.chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only.Clicks on 2nd item (active state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only Teams.Navigates to previous item (active and focus state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only.chromium.png | 2 | Changed |
| Menu.Menu Example Icon Only Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png | 3 | Changed |
| Menu.Menu Example Pointing Teams High Contrast.Navigates to next item (focus state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Pointing Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Pointing Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Pointing Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Pointing Teams High Contrast.chromium.png | 2 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams Dark.Focuses on the first element in the submenu.chromium.png | 6 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png | 14 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams Dark.Navigates to next item (focus state styles).chromium.png | 4 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams Dark.Clicks on 2nd item (active state styles).chromium.png | 4 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams Dark.Clicks on the last item and opens submenu.chromium.png | 5 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams High Contrast.Focuses on the first element in the submenu.chromium.png | 20 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams Dark.Hovers 2nd item (hover state styles).chromium.png | 3 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams.Clicks on 2nd item (active state styles).chromium.png | 6 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams Dark.chromium.png | 3 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams Dark.Navigates to previous item (active and focus state styles).chromium.png | 4 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams.Clicks on the last item and opens submenu.chromium.png | 9 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams High Contrast.Navigates to next item (focus state styles).chromium.png | 12 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png | 12 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png | 14 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams High Contrast.chromium.png | 12 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams High Contrast.Clicks on the last item and opens submenu.chromium.png | 20 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams.Focuses on the first element in the submenu.chromium.png | 9 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams.Hovers 2nd item (hover state styles).chromium.png | 5 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams.Navigates to next item (focus state styles).chromium.png | 6 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams.Navigates to previous item (active and focus state styles).chromium.png | 6 | Changed |
| Menu.Menu Example Toolbar Shorthand.chromium.png | 5 | Changed |
| Menu.Menu Example Toolbar Shorthand.Clicks on 2nd item (active state styles).chromium.png | 6 | Changed |
| Menu.Menu Example Toolbar Shorthand Teams.chromium.png | 5 | Changed |
| Menu.Menu Example Toolbar Shorthand.Hovers 2nd item (hover state styles).chromium.png | 5 | Changed |
| Menu.Menu Example Toolbar Shorthand.Clicks on the last item and opens submenu.chromium.png | 8 | Changed |
| Menu.Menu Example Toolbar Shorthand.Focuses on the first element in the submenu.chromium.png | 9 | Changed |
| Menu.Menu Example Toolbar Shorthand.Navigates to previous item (active and focus state styles).chromium.png | 6 | Changed |
| Menu.Menu Example Toolbar Shorthand.Navigates to next item (focus state styles).chromium.png | 6 | Changed |
| Menu.Menu Example Vertical Teams Dark.chromium.png | 1 | Changed |
| Menu.Menu Example Vertical Teams High Contrast.chromium.png | 3 | Changed |
| Menu.Menu Example Vertical.Clicks on 4th item (opens submenu).chromium.png | 3 | Changed |
| Menu.Menu Example Vertical Teams Dark.Clicks on 4th item (opens submenu).chromium.png | 1 | Changed |
| Menu.Menu Example Vertical Teams Dark.Hovers 1st item (hover state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Vertical Teams.Hovers 4th item (hover state styles).chromium.png | 3 | Changed |
| Menu.Menu Example Vertical Teams High Contrast.Clicks on 4th item (opens submenu).chromium.png | 4 | Changed |
| Menu.Menu Example Vertical Teams.Hovers 1st item (hover state styles).chromium.png | 4 | Changed |
| Menu.Menu Example Vertical Teams High Contrast.Hovers 4th item (hover state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Vertical Teams.chromium.png | 3 | Changed |
| Menu.Menu Example Vertical.Hovers 4th item (hover state styles).chromium.png | 3 | Changed |
| Menu.Menu Example Vertical Teams High Contrast.Hovers 1st item (hover state styles).chromium.png | 3 | Changed |
| Menu.Menu Example Vertical Teams.Clicks on 4th item (opens submenu).chromium.png | 3 | Changed |
| Menu.Menu Example Vertical.Hovers 1st item (hover state styles).chromium.png | 4 | Changed |
| Menu.Menu Example With Icons.Clicks on 2nd item (active state styles).chromium.png | 2 | Changed |
| Menu.Menu Example Vertical.chromium.png | 3 | Changed |
| Menu.Menu Example With Icons.Hovers 2nd item (hover state styles).chromium.png | 2 | Changed |
| Menu.Menu Example With Icons.Navigates to previous item (active and focus state styles).chromium.png | 2 | Changed |
| Menu.Menu Example With Sub Menu Hover Teams High Contrast.Hovers 2nd item, open submenu.chromium.png | 2 | Changed |
| Menu.Menu Example With Icons.chromium.png | 2 | Changed |
| Menu.Menu Example With Sub Menu Hover Teams.Click 1st item, open menu.chromium.png | 2 | Changed |
| Menu.Menu Example With Sub Menu Hover Teams Dark.Hovers 2nd item, open submenu.chromium.png | 2 | Changed |
| Menu.Menu Example With Sub Menu Hover Teams High Contrast.Click 1st item, open menu.chromium.png | 3 | Changed |
| Menu.Menu Example With Sub Menu Hover Teams Dark.Click 1st item, open menu.chromium.png | 1 | Changed |
| Menu.Menu Example With Icons.Navigates to next item (focus state styles).chromium.png | 3 | Changed |
| Menu.Menu Example With Sub Menu Hover Teams.Hovers 2nd item, open submenu.chromium.png | 2 | Changed |
| Menu.Menu Example With Sub Menu Hover.Click 1st item, open menu.chromium.png | 2 | Changed |
| Menu.Menu Example With Sub Menu Hover.Hovers 2nd item, open submenu.chromium.png | 2 | Changed |
| Menu.Menu Example With Sub Menu.Clicks on 2nd item (active state styles).chromium.png | 4 | Changed |
MenuButton 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| MenuButton.Menu Button Open Example.chromium.png | 1 | Changed |
Pill 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Pill.Pill Actionable Example.chromium.png | 3 | Changed |
Popup 10 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Popup.Popper Example Visibility Modifiers.Opened a popup on second message.chromium.png | 2 | Changed |
| Popup.Popper Example Visibility Modifiers.chromium.png | 2 | Changed |
| Popup.Popper Example Visibility Modifiers.has [data-popper-escaped] when the popper escapes the reference element's boundary.chromium.png | 2 | Changed |
| Popup.Popper Example Visibility Modifiers.has [data-popper-reference-hidden] when the reference is hidden.chromium.png | 2 | Changed |
| Popup.Popup Custom Target Example.chromium.png | 3 | Changed |
| Popup.Popper Example Visibility Modifiers.has [data-popper-is-intersecting] when the popover intersects boundaries.chromium.png | 2 | Changed |
| Popup.Popup Example Offset.chromium.png | 8 | Changed |
| Popup.Popup Example Offset.Opens a popup.chromium.png | 7 | Changed |
| Popup.Popup Example Position.chromium.png | 6 | Changed |
| Popup.Popup Example Pointing.chromium.png | 75 | Changed |
Provider 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Provider.Provider Example Animation.chromium.png | 16 | Changed |
RadioGroup 10 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| RadioGroup.Radio Group Item Example Checked Shorthand.chromium.png | 3 | Changed |
| RadioGroup.Radio Group Example Rtl.chromium.png | 5 | Changed |
| RadioGroup.Radio Group Item Example Disabled Shorthand.chromium.png | 2 | Changed |
| RadioGroup.Radio Group Custom Example.chromium.png | 3 | Changed |
| RadioGroup.Radio Group Color Picker Example.chromium.png | 7 | Changed |
| RadioGroup.Radio Group Vertical Example Teams.chromium.png | 4 | Changed |
| RadioGroup.Radio Group Vertical Example Teams Dark.chromium.png | 3 | Changed |
| RadioGroup.Radio Group Item Example.chromium.png | 4 | Changed |
| RadioGroup.Radio Group Vertical Example Teams High Contrast.chromium.png | 8 | Changed |
| RadioGroup.Radio Group Vertical Example.chromium.png | 4 | Changed |
Reaction 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Reaction.Reaction Group Example Rtl.chromium.png | 2 | Changed |
| Reaction.Reaction Group Example.chromium.png | 2 | Changed |
Slider 3 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Slider.Slider Example Rtl Teams High Contrast.Navigates to the right with the up arrow key.chromium.png | 1 | Changed |
| Slider.Slider Example Action Shorthand.chromium.png | 1 | Changed |
| Slider.Slider Example Shorthand Teams High Contrast.Navigates to the right with the up arrow key.chromium.png | 1 | Changed |
SplitButton 5 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| SplitButton.Split Button Example Flat.chromium.png | 2 | Changed |
| SplitButton.Split Button Example Small Container Teams High Contrast.chromium.png | 1 | Changed |
| SplitButton.Split Button Icon And Content Example Shorthand.chromium.png | 1 | Changed |
| SplitButton.Split Button Positioning Example Shorthand.Open menu.chromium.png | 3 | Changed |
| SplitButton.Split Button Positioning Example Shorthand.chromium.png | 1 | Changed |
Status 5 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Status.Status Size Example Shorthand.chromium.png | 2 | Changed |
| Status.Status Color Example Shorthand.chromium.png | 2 | Changed |
| Status.Status Custom Example Shorthand.chromium.png | 2 | Changed |
| Status.Status Icon Example Shorthand.chromium.png | 1 | Changed |
| Status.Status Type Example Shorthand Teams High Contrast.chromium.png | 3 | Changed |
SvgIcon 30 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| SvgIcon.Svg Icon Example Circular Teams.chromium.png | 39 | Changed |
| SvgIcon.Svg Icon Example Circular.chromium.png | 39 | Changed |
| SvgIcon.Svg Icon Example Color Teams High Contrast.chromium.png | 19 | Changed |
| SvgIcon.Svg Icon Example Circular Teams High Contrast.chromium.png | 48 | Changed |
| SvgIcon.Svg Icon Example Circular Teams Dark.chromium.png | 37 | Changed |
| SvgIcon.Svg Icon Example Color Teams.chromium.png | 2 | Changed |
| SvgIcon.Svg Icon Example Size Teams High Contrast.chromium.png | 28 | Changed |
| SvgIcon.Svg Icon Example Rotate Rtl.chromium.png | 9 | Changed |
| SvgIcon.Svg Icon Example Rtl.chromium.png | 4 | Changed |
| SvgIcon.Svg Icon Example Size.chromium.png | 21 | Changed |
| SvgIcon.Svg Icon Example Space Teams Dark.chromium.png | 4 | Changed |
| SvgIcon.Svg Icon Example Size Teams.chromium.png | 21 | Changed |
| SvgIcon.Svg Icon Example Color.chromium.png | 2 | Changed |
| SvgIcon.Svg Icon Example Space Teams.chromium.png | 2 | Changed |
| SvgIcon.Svg Icon Example Size Teams Dark.chromium.png | 20 | Changed |
| SvgIcon.Svg Icon Example Space Teams High Contrast.chromium.png | 7 | Changed |
| SvgIcon.Svg Icon Example Teams Dark.chromium.png | 6 | Changed |
| SvgIcon.Svg Icon Example Rotate.chromium.png | 8 | Changed |
| SvgIcon.Svg Icon Example Space.chromium.png | 2 | Changed |
| SvgIcon.Svg Icon Example Teams High Contrast.chromium.png | 9 | Changed |
| SvgIcon.Svg Icon Example Teams.chromium.png | 7 | Changed |
| SvgIcon.Svg Icon Set Example Shorthand Teams Dark.chromium.png | 23044 | Changed |
| SvgIcon.Svgcon Example Bordered Teams Dark.chromium.png | 10 | Changed |
| SvgIcon.Svg Icon Example.chromium.png | 7 | Changed |
| SvgIcon.Svgcon Example Bordered Teams.chromium.png | 22 | Changed |
| SvgIcon.Svg Icon Set Example Shorthand Teams High Contrast.chromium.png | 27967 | Changed |
| SvgIcon.Svg Icon Set Example Shorthand.chromium.png | 35809 | Changed |
| SvgIcon.Svg Icon Set Example Shorthand Teams.chromium.png | 35809 | Changed |
| SvgIcon.Svgcon Example Bordered.chromium.png | 22 | Changed |
| SvgIcon.Svgcon Example Bordered Teams High Contrast.chromium.png | 27 | Changed |
Toolbar 30 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Toolbar.Toolbar Example Action Popup In Menu Teams Dark.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example Custom Content Shorthand.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example Action Popup In Menu.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example Editor Shorthand Teams High Contrast.chromium.png | 16 | Changed |
| Toolbar.Toolbar Example Editor Shorthand.chromium.png | 8 | Changed |
| Toolbar.Toolbar Example Action Popup In Menu Teams High Contrast.chromium.png | 2 | Changed |
| Toolbar.Toolbar Example Action Popup In Menu Teams.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example Menu Radio Group.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example Editor Shorthand Teams.chromium.png | 8 | Changed |
| Toolbar.Toolbar Example Editor Shorthand Teams Dark.chromium.png | 6 | Changed |
| Toolbar.Toolbar Example Menu Shorthand.chromium.png | 4 | Changed |
| Toolbar.Toolbar Example Menu With Submenu Shorthand Teams High Contrast.chromium.png | 3 | Changed |
| Toolbar.Toolbar Example Menu With Submenu Shorthand.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example Menu With Submenu Shorthand Teams.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example Overflow Positioning Shorthand Rtl.chromium.png | 10 | Changed |
| Toolbar.Toolbar Example Overflow Positioning Shorthand Rtl.RTL- Overflow item is properly positioned.chromium.png | 11 | Changed |
| Toolbar.Toolbar Example Overflow Positioning Shorthand.chromium.png | 9 | Changed |
| Toolbar.Toolbar Example Overflow Positioning Shorthand.Overflow item is properly positioned.chromium.png | 11 | Changed |
| Toolbar.Toolbar Example Overflow.chromium.png | 4 | Changed |
| Toolbar.Toolbar Example Popup In Menu Teams High Contrast.chromium.png | 2 | Changed |
| Toolbar.Toolbar Example Popup Shorthand Teams.chromium.png | 2 | Changed |
| Toolbar.Toolbar Example Radio Group Shorthand.chromium.png | 2 | Changed |
| Toolbar.Toolbar Example Popup Shorthand Teams High Contrast.chromium.png | 3 | Changed |
| Toolbar.Toolbar Example Radio Group Shorthand Teams.chromium.png | 2 | Changed |
| Toolbar.Toolbar Example Radio Group Shorthand Teams High Contrast.chromium.png | 3 | Changed |
| Toolbar.Toolbar Example Variables.chromium.png | 4 | Changed |
| Toolbar.Toolbar Example Radio Group Shorthand Teams Dark.chromium.png | 2 | Changed |
| Toolbar.Toolbar Example Shorthand Teams High Contrast.chromium.png | 2 | Changed |
| Toolbar.Toolbar Example Popup Shorthand.chromium.png | 1 | Changed |
| Toolbar.Toolbar Example.chromium.png | 4 | Changed |
Tooltip 5 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Tooltip.Tooltip Example Pointing Teams High Contrast.Has outline on keyboard.chromium.png | 2 | Changed |
| Tooltip.Tooltip Example Pointing Teams High Contrast.No outline after click.chromium.png | 2 | Changed |
| Tooltip.Tooltip Example Pointing Teams High Contrast.chromium.png | 3 | Changed |
| Tooltip.Tooltip Example Position.chromium.png | 6 | Changed |
| Tooltip.Tooltip Example Target.chromium.png | 3 | Changed |
Perf Analysis (
|
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| BaseButton | mount | 621 | 645 | 5000 | |
| Breadcrumb | mount | 1691 | 1675 | 1000 | |
| Checkbox | mount | 1686 | 1718 | 5000 | |
| CheckboxBase | mount | 1465 | 1455 | 5000 | |
| ChoiceGroup | mount | 2933 | 2997 | 5000 | |
| ComboBox | mount | 681 | 682 | 1000 | |
| CommandBar | mount | 6468 | 6461 | 1000 | |
| ContextualMenu | mount | 11433 | 11634 | 1000 | |
| DefaultButton | mount | 796 | 803 | 5000 | |
| DetailsRow | mount | 2230 | 2191 | 5000 | |
| DetailsRowFast | mount | 2195 | 2222 | 5000 | |
| DetailsRowNoStyles | mount | 2030 | 2047 | 5000 | |
| Dialog | mount | 2587 | 2689 | 1000 | |
| DocumentCardTitle | mount | 223 | 221 | 1000 | |
| Dropdown | mount | 2004 | 1979 | 5000 | |
| FocusTrapZone | mount | 1146 | 1121 | 5000 | |
| FocusZone | mount | 1082 | 1092 | 5000 | |
| GroupedList | mount | 37537 | 41982 | 2 | |
| GroupedList | virtual-rerender | 17940 | 20117 | 2 | |
| GroupedList | virtual-rerender-with-unmount | 50497 | 50936 | 2 | |
| GroupedListV2 | mount | 232 | 225 | 2 | |
| GroupedListV2 | virtual-rerender | 209 | 207 | 2 | |
| GroupedListV2 | virtual-rerender-with-unmount | 227 | 220 | 2 | |
| IconButton | mount | 1129 | 1147 | 5000 | |
| Label | mount | 350 | 333 | 5000 | |
| Layer | mount | 2739 | 2727 | 5000 | |
| Link | mount | 389 | 391 | 5000 | |
| MenuButton | mount | 981 | 958 | 5000 | |
| MessageBar | mount | 21210 | 21177 | 5000 | |
| Nav | mount | 1997 | 1990 | 1000 | |
| OverflowSet | mount | 794 | 783 | 5000 | |
| Panel | mount | 1800 | 1814 | 1000 | |
| Persona | mount | 755 | 751 | 1000 | |
| Pivot | mount | 874 | 882 | 1000 | |
| PrimaryButton | mount | 916 | 939 | 5000 | |
| Rating | mount | 4639 | 4643 | 5000 | |
| SearchBox | mount | 920 | 925 | 5000 | |
| Shimmer | mount | 1928 | 1870 | 5000 | |
| Slider | mount | 1308 | 1340 | 5000 | |
| SpinButton | mount | 2941 | 2992 | 5000 | |
| Spinner | mount | 391 | 388 | 5000 | |
| SplitButton | mount | 1859 | 1857 | 5000 | |
| Stack | mount | 406 | 406 | 5000 | |
| StackWithIntrinsicChildren | mount | 879 | 844 | 5000 | |
| StackWithTextChildren | mount | 2655 | 2671 | 5000 | |
| SwatchColorPicker | mount | 6281 | 6287 | 5000 | |
| TagPicker | mount | 1462 | 1475 | 5000 | |
| Text | mount | 377 | 376 | 5000 | |
| TextField | mount | 931 | 947 | 5000 | |
| ThemeProvider | mount | 835 | 842 | 5000 | |
| ThemeProvider | virtual-rerender | 588 | 583 | 5000 | |
| ThemeProvider | virtual-rerender-with-unmount | 1301 | 1276 | 5000 | |
| Toggle | mount | 611 | 607 | 5000 | |
| buttonNative | mount | 181 | 190 | 5000 |
fabricteam
reviewed
May 6, 2024
| @@ -15,6 +15,10 @@ steps: | |||
| filePath: yarn-ci.sh | |||
There was a problem hiding this comment.
🕵 fluentuiv9 Open the Visual Regressions report to inspect the affected screenshots
Accordion Converged 21 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Accordion Converged.visibility+focus - High Contrast.focus closed.chromium.png | 2 | Changed |
| Accordion Converged.expandIcon Icon- - RTL.normal.chromium.png | 7 | Changed |
| Accordion Converged.expandIcon Icon- - High Contrast.normal.chromium.png | 9 | Changed |
| Accordion Converged.visibility+focus - Dark Mode.focus opened.chromium.png | 1 | Changed |
| Accordion Converged.expandIcon Icon- .normal.chromium.png | 7 | Changed |
| Accordion Converged.expandIcon Icon- - Dark Mode.normal.chromium.png | 7 | Changed |
| Accordion Converged.visibility+focus - High Contrast.normal.chromium.png | 2 | Changed |
| Accordion Converged.disabled - High Contrast.normal.chromium.png | 2 | Changed |
| Accordion Converged.icon Icon- .normal.chromium.png | 9 | Changed |
| Accordion Converged.visibility+focus - Dark Mode.focus closed.chromium.png | 1 | Changed |
| Accordion Converged.visibility+focus - High Contrast.focus opened.chromium.png | 2 | Changed |
| Accordion Converged.visibility+focus - RTL.focus opened.chromium.png | 2 | Changed |
| Accordion Converged.visibility+focus.focus opened.chromium.png | 1 | Changed |
| Accordion Converged.visibility+focus - Dark Mode.normal.chromium.png | 1 | Changed |
| Accordion Converged.visibility+focus - RTL.focus closed.chromium.png | 2 | Changed |
| Accordion Converged.icon Icon- - RTL.normal.chromium.png | 9 | Changed |
| Accordion Converged.visibility+focus.focus closed.chromium.png | 1 | Changed |
| Accordion Converged.visibility+focus - RTL.normal.chromium.png | 2 | Changed |
| Accordion Converged.size.normal.chromium.png | 2 | Changed |
| Accordion Converged.visibility+focus.normal.chromium.png | 1 | Changed |
| Accordion Converged.size - RTL.normal.chromium.png | 2 | Changed |
Avatar Converged 18 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Avatar Converged.basic - High Contrast.normal.chromium.png | 13 | Changed |
| Avatar Converged.basic - Dark Mode.normal.chromium.png | 4 | Changed |
| Avatar Converged.basic.normal.chromium.png | 4 | Changed |
| Avatar Converged.basic - RTL.normal.chromium.png | 5 | Changed |
| Avatar Converged.customSize+name+badge.normal.chromium.png | 3 | Changed |
| Avatar Converged.size+icon+badge+square.normal.chromium.png | 33 | Changed |
| Avatar Converged.color - High Contrast.normal.chromium.png | 44 | Changed |
| Avatar Converged.color - Dark Mode.normal.chromium.png | 7 | Changed |
| Avatar Converged.customSize+image.normal.chromium.png | 2 | Changed |
| Avatar Converged.customSize+icon+active.normal.chromium.png | 25 | Changed |
| Avatar Converged.color.normal.chromium.png | 8 | Changed |
| Avatar Converged.color+active.normal.chromium.png | 295 | Changed |
| Avatar Converged.color+active - High Contrast.normal.chromium.png | 403 | Changed |
| Avatar Converged.color+active - Dark Mode.normal.chromium.png | 154 | Changed |
| Avatar Converged.badgeMask.normal.chromium.png | 27 | Changed |
| Avatar Converged.size+inactive+badge.normal.chromium.png | 17 | Changed |
| Avatar Converged.badgeMask - RTL.normal.chromium.png | 28 | Changed |
| Avatar Converged.size+image+badge.normal.chromium.png | 14 | Changed |
AvatarGroup Converged 9 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| AvatarGroup Converged.layoutPie-1 - High Contrast.default.chromium.png | 1 | Changed |
| AvatarGroup Converged.layoutPie-2 - High Contrast.default.chromium.png | 1 | Changed |
| AvatarGroup Converged.layoutPie - High Contrast.default.chromium.png | 49 | Changed |
| AvatarGroup Converged.layoutStack - Dark Mode.default.chromium.png | 2 | Changed |
| AvatarGroup Converged.layoutStack - High Contrast.default.chromium.png | 80 | Changed |
| AvatarGroup Converged.basic - High Contrast.default.chromium.png | 75 | Changed |
| AvatarGroup Converged.overflowIndicator - High Contrast.default.chromium.png | 82 | Changed |
| AvatarGroup Converged.overflowIndicator.default.chromium.png | 5 | Changed |
| AvatarGroup Converged.overflowIndicator - Dark Mode.default.chromium.png | 5 | Changed |
Badge Converged 23 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Badge Converged.filled - Dark Mode.chromium.png | 40 | Changed |
| Badge Converged.filled - High Contrast.chromium.png | 67 | Changed |
| Badge Converged.ghost - High Contrast.chromium.png | 51 | Changed |
| Badge Converged.outline.chromium.png | 24 | Changed |
| Badge Converged.filled.chromium.png | 46 | Changed |
| Badge Converged.outline - High Contrast.chromium.png | 50 | Changed |
| Badge Converged.size- extra-small.chromium.png | 3 | Changed |
| Badge Converged.ghost.chromium.png | 28 | Changed |
| Badge Converged.ghost - Dark Mode.chromium.png | 21 | Changed |
| Badge Converged.size- medium - RTL.chromium.png | 34 | Changed |
| Badge Converged.size- extra-large.chromium.png | 62 | Changed |
| Badge Converged.size- large.chromium.png | 69 | Changed |
| Badge Converged.size- extra-large - RTL.chromium.png | 61 | Changed |
| Badge Converged.outline - Dark Mode.chromium.png | 17 | Changed |
| Badge Converged.size- large - RTL.chromium.png | 69 | Changed |
| Badge Converged.size- extra-small - RTL.chromium.png | 3 | Changed |
| Badge Converged.size- small.chromium.png | 35 | Changed |
| Badge Converged.size- small - RTL.chromium.png | 35 | Changed |
| Badge Converged.size- medium.chromium.png | 34 | Changed |
| Badge Converged.tint.chromium.png | 25 | Changed |
| Badge Converged.tint - Dark Mode.chromium.png | 16 | Changed |
| Badge Converged.tint - High Contrast.chromium.png | 54 | Changed |
| Badge Converged.width constrained.chromium.png | 5 | Changed |
Breadcrumb Converged 20 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Breadcrumb Converged.appearance - Dark Mode.focused.chromium.png | 2 | Changed |
| Breadcrumb Converged.appearance - Dark Mode.default.chromium.png | 2 | Changed |
| Breadcrumb Converged.appearance - Dark Mode.pressed.chromium.png | 2 | Changed |
| Breadcrumb Converged.appearance - RTL.focused.chromium.png | 3 | Changed |
| Breadcrumb Converged.appearance.focused.chromium.png | 3 | Changed |
| Breadcrumb Converged.appearance - RTL.pressed.chromium.png | 3 | Changed |
| Breadcrumb Converged.appearance - RTL.hover.chromium.png | 3 | Changed |
| Breadcrumb Converged.appearance - Dark Mode.hover.chromium.png | 2 | Changed |
| Breadcrumb Converged.appearance - High Contrast.focused.chromium.png | 4 | Changed |
| Breadcrumb Converged.appearance - High Contrast.default.chromium.png | 4 | Changed |
| Breadcrumb Converged.appearance.default.chromium.png | 3 | Changed |
| Breadcrumb Converged.appearance - High Contrast.hover.chromium.png | 4 | Changed |
| Breadcrumb Converged.appearance.pressed.chromium.png | 3 | Changed |
| Breadcrumb Converged.appearance - RTL.default.chromium.png | 3 | Changed |
| Breadcrumb Converged.size.default.chromium.png | 8 | Changed |
| Breadcrumb Converged.size.focused.chromium.png | 8 | Changed |
| Breadcrumb Converged.appearance - High Contrast.pressed.chromium.png | 4 | Changed |
| Breadcrumb Converged.size.pressed.chromium.png | 8 | Changed |
| Breadcrumb Converged.appearance.hover.chromium.png | 3 | Changed |
| Breadcrumb Converged.size.hover.chromium.png | 8 | Changed |
Button Converged 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Button Converged.Size large.default.chromium.png | 4 | Changed |
| Button Converged.Size large.pressed.chromium.png | 3 | Changed |
| Button Converged.Size large.hover.chromium.png | 4 | Changed |
| Button Converged.Size large - with long text wrapping.chromium.png | 4 | Changed |
Calendar Compat 3 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Calendar Compat.Default - RTL.default.chromium.png | 5 | Changed |
| Calendar Compat.Custom icons.default.chromium.png | 3 | Changed |
| Calendar Compat.Default.default.chromium.png | 5 | Changed |
Card Converged 7 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Card Converged.size.normal.chromium.png | 9 | Changed |
| Card Converged.CardHeader.normal.chromium.png | 3 | Changed |
| Card Converged.appearance - High Contrast.normal.chromium.png | 16 | Changed |
| Card Converged.appearance - RTL.normal.chromium.png | 12 | Changed |
| Card Converged.appearance.normal.chromium.png | 12 | Changed |
| Card Converged.appearance - Dark Mode.normal.chromium.png | 12 | Changed |
| Card Converged.orientation.chromium.png | 3 | Changed |
Card Converged - Interactive 36 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Card Converged - Interactive.appearance interactive - Filled - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled - Dark Mode.hover.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Filled - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative - Dark Mode.hover.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative.hover.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Outline - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Outline.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Outline.hover.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Outline - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Outline - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Outline - Dark Mode.hover.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled.hover.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Outline - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Outline - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Outline.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle.hover.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Filled Alternative.click.chromium.png | 3 | Changed |
| Card Converged - Interactive.appearance interactive - Subtle - Dark Mode.hover.chromium.png | 3 | Changed |
Card Converged - Selectable 68 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Card Converged - Selectable.appearance focusable + selectable.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance focusable + selectable.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - Dark Mode.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - Dark Mode.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance focusable + selectable.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - RTL.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - RTL.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - High Contrast.selected.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance focusable + selectable.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - RTL.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - Dark Mode.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Filled - RTL.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - Dark Mode.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - RTL.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - RTL.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - RTL.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - High Contrast.selected.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative - RTL.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled Alternative.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - Dark Mode.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Filled.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - RTL.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - Dark Mode.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - High Contrast.selected.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - RTL.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - RTL.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - Dark Mode.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - Dark Mode.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - Dark Mode.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - RTL.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - RTL.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Outline.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - RTL.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - High Contrast.click.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Outline - RTL.hover.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - RTL.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - High Contrast.normal.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - High Contrast.hover.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - High Contrast.selected.chromium.png | 4 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle - Dark Mode.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle.selected.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle.normal.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle.click.chromium.png | 3 | Changed |
| Card Converged - Selectable.appearance selectable - Subtle.hover.chromium.png | 3 | Changed |
Checkbox Converged 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Checkbox Converged.large+circular+mixed.default.chromium.png | 1 | Changed |
Combobox Converged 6 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Combobox Converged.Size- large.default.chromium.png | 1 | Changed |
| Combobox Converged.Size- large.focused.chromium.png | 1 | Changed |
| Combobox Converged.Size- large.hover.chromium.png | 1 | Changed |
| Combobox Converged.With selection.default.chromium.png | 2 | Changed |
| Combobox Converged.With selection.active option.chromium.png | 2 | Changed |
| Combobox Converged.With selection.hover.chromium.png | 2 | Changed |
CounterBadge Converged - colors 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| CounterBadge Converged - colors.default.chromium.png | 5 | Changed |
| CounterBadge Converged - colors.default - RTL.chromium.png | 5 | Changed |
DatePicker Compat 16 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| DatePicker Compat.DateRange- day.default.chromium.png | 5 | Changed |
| DatePicker Compat.DateRange- month.default.chromium.png | 5 | Changed |
| DatePicker Compat.DateRange- work week.default.chromium.png | 5 | Changed |
| DatePicker Compat.DateRange- week.default.chromium.png | 5 | Changed |
| DatePicker Compat.showWeekNumbers - Dark Mode.default.chromium.png | 4 | Changed |
| DatePicker Compat.default - Dark Mode.opened.chromium.png | 4 | Changed |
| DatePicker Compat.default - High Contrast.opened.chromium.png | 9 | Changed |
| DatePicker Compat.DateRange- month - High Contrast.default.chromium.png | 9 | Changed |
| DatePicker Compat.marked dates - High Contrast.default.chromium.png | 9 | Changed |
| DatePicker Compat.marked dates - Dark Mode.default.chromium.png | 4 | Changed |
| DatePicker Compat.showWeekNumbers.default.chromium.png | 5 | Changed |
| DatePicker Compat.when rendering inline, it should not render behind relatively positioned elements.default.chromium.png | 5 | Changed |
| DatePicker Compat.default.opened.chromium.png | 5 | Changed |
| DatePicker Compat.showWeekNumbers - High Contrast.default.chromium.png | 9 | Changed |
| DatePicker Compat.DateRange- month - Dark Mode.default.chromium.png | 4 | Changed |
| DatePicker Compat.marked dates.default.chromium.png | 5 | Changed |
Dialog 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Dialog.title custom action.chromium.png | 3 | Changed |
| Dialog.title custom action - Dark Mode.chromium.png | 3 | Changed |
| Dialog.title custom action - RTL.chromium.png | 3 | Changed |
| Dialog.title custom action - High Contrast.chromium.png | 5 | Changed |
Drawer 76 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Drawer.default drawer.chromium.png | 8 | Changed |
| Drawer.inline drawer - High Contrast.chromium.png | 13 | Changed |
| Drawer.default drawer - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer full - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer full - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer - RTL.chromium.png | 8 | Changed |
| Drawer.default drawer - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer full - Dark Mode.chromium.png | 7 | Changed |
| Drawer.default drawer - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer full.chromium.png | 8 | Changed |
| Drawer.inline drawer large - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer large - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer large - High Contrast.chromium_1.png | 13 | Changed |
| Drawer.inline drawer large content scroll - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer large - RTL.chromium_1.png | 8 | Changed |
| Drawer.inline drawer position end - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer large content scroll - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer large - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer large - Dark Mode.chromium_1.png | 7 | Changed |
| Drawer.inline drawer large content scroll - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer large content scroll.chromium.png | 8 | Changed |
| Drawer.inline drawer position end - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer position end.chromium.png | 8 | Changed |
| Drawer.inline drawer position end - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer large.chromium.png | 8 | Changed |
| Drawer.inline drawer position start - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer position start - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer large.chromium_1.png | 8 | Changed |
| Drawer.inline drawer position start - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer separator position end - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer position start.chromium.png | 8 | Changed |
| Drawer.inline drawer separator position end - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer separator position end - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer separator position start - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer separator position start - High Contrast.chromium.png | 13 | Changed |
| Drawer.inline drawer separator position end.chromium.png | 8 | Changed |
| Drawer.inline drawer separator position start - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer - Dark Mode.chromium.png | 7 | Changed |
| Drawer.inline drawer separator position start.chromium.png | 8 | Changed |
| Drawer.overlay drawer - RTL.chromium.png | 8 | Changed |
| Drawer.inline drawer.chromium.png | 8 | Changed |
| Drawer.overlay drawer alert - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer alert - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer alert.chromium.png | 8 | Changed |
| Drawer.overlay drawer full - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer alert - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer full - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer large - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer large - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer large content scroll - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer full - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer large - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer large.chromium.png | 8 | Changed |
| Drawer.overlay drawer full.chromium.png | 8 | Changed |
| Drawer.overlay drawer large content scroll - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer large content scroll - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer large content scroll.chromium.png | 8 | Changed |
| Drawer.overlay drawer medium - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer medium.chromium.png | 8 | Changed |
| Drawer.overlay drawer medium - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer position end - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer non modal - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer position end - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer non modal.chromium.png | 8 | Changed |
| Drawer.overlay drawer medium - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer position start - High Contrast.chromium.png | 13 | Changed |
| Drawer.overlay drawer non modal - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer position start - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer non modal - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer position end.chromium.png | 8 | Changed |
| Drawer.overlay drawer position start - Dark Mode.chromium.png | 7 | Changed |
| Drawer.overlay drawer position start.chromium.png | 8 | Changed |
| Drawer.overlay drawer position end - RTL.chromium.png | 8 | Changed |
| Drawer.overlay drawer.chromium.png | 8 | Changed |
Dropdown Converged 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Dropdown Converged.Size- large.default.chromium.png | 1 | Changed |
Field 11 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Field.Combobox+horizontal.default.chromium.png | 2 | Changed |
| Field.Dropdown+horizontal.default.chromium.png | 2 | Changed |
| Field.Combobox.default.chromium.png | 2 | Changed |
| Field.ProgressBar.default.chromium.png | 2 | Changed |
| Field.Dropdown.default.chromium.png | 2 | Changed |
| Field.Select+horizontal.default.chromium.png | 2 | Changed |
| Field.Slider.default.chromium.png | 1 | Changed |
| Field.Switch.default.chromium.png | 3 | Changed |
| Field.Select.default.chromium.png | 2 | Changed |
| Field.SpinButton.default.chromium.png | 3 | Changed |
| Field.validationMessageIcon.default.chromium.png | 1 | Changed |
InfoLabel 8 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| InfoLabel.default - High Contrast.rest.chromium.png | 2 | Changed |
| InfoLabel.default - RTL.rest.chromium.png | 1 | Changed |
| InfoLabel.required - RTL.rest.chromium.png | 1 | Changed |
| InfoLabel.size-large.rest.chromium.png | 2 | Changed |
| InfoLabel.default.rest.chromium.png | 1 | Changed |
| InfoLabel.required.rest.chromium.png | 1 | Changed |
| InfoLabel.wrap.rest.chromium.png | 1 | Changed |
| InfoLabel.sizes -- open.rest.chromium.png | 83 | Changed |
InteractionTag Converged 14 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| InteractionTag Converged.Brand - High Contrast.pressed content.chromium.png | 1 | Changed |
| InteractionTag Converged.Brand - High Contrast.default.chromium.png | 1 | Changed |
| InteractionTag Converged.Brand - High Contrast.hover content.chromium.png | 1 | Changed |
| InteractionTag Converged.Circular Dismissible.focus dismiss.chromium.png | 4 | Changed |
| InteractionTag Converged.Circular Dismissible - RTL.focus dismiss.chromium.png | 3 | Changed |
| InteractionTag Converged.Filled - High Contrast.default.chromium.png | 1 | Changed |
| InteractionTag Converged.Circular With Secondary Text.focus content.chromium.png | 7 | Changed |
| InteractionTag Converged.Filled - High Contrast.pressed content.chromium.png | 1 | Changed |
| InteractionTag Converged.Filled - High Contrast.hover content.chromium.png | 1 | Changed |
| InteractionTag Converged.Outline - High Contrast.default.chromium.png | 1 | Changed |
| InteractionTag Converged.Outline - High Contrast.hover content.chromium.png | 1 | Changed |
| InteractionTag Converged.Outline - High Contrast.pressed content.chromium.png | 1 | Changed |
| InteractionTag Converged.Size Extra Small With Icon.default.chromium.png | 2 | Changed |
| InteractionTag Converged.Size Small With Icon.default.chromium.png | 2 | Changed |
Menu Converged - MenuItemLinks 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu Converged - MenuItemLinks.default.hover menuitemlink.chromium.png | 4 | Changed |
| Menu Converged - MenuItemLinks.default.chromium.png | 5 | Changed |
Menu Converged - basic 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu Converged - basic.default - RTL.chromium.png | 5 | Changed |
| Menu Converged - basic.default - RTL.hover menuitem.chromium.png | 4 | Changed |
| Menu Converged - basic.default.hover menuitem.chromium.png | 4 | Changed |
| Menu Converged - basic.default.chromium.png | 5 | Changed |
Menu Converged - groups 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu Converged - groups.default - RTL.chromium.png | 10 | Changed |
| Menu Converged - groups.default - Dark Mode.chromium.png | 9 | Changed |
| Menu Converged - groups.default.chromium.png | 10 | Changed |
| Menu Converged - groups.default - High Contrast.chromium.png | 16 | Changed |
Menu Converged - long content 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu Converged - long content.default - RTL.chromium.png | 2 | Changed |
| Menu Converged - long content.default.chromium.png | 2 | Changed |
Menu Converged - secondary content 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu Converged - secondary content.default - RTL.chromium.png | 5 | Changed |
| Menu Converged - secondary content.default - RTL.hover menuitem.chromium.png | 4 | Changed |
| Menu Converged - secondary content.default.hover menuitem.chromium.png | 4 | Changed |
| Menu Converged - secondary content.default.chromium.png | 5 | Changed |
Menu Converged - selection 16 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu Converged - selection.checkbox - High Contrast.selected.chromium.png | 7 | Changed |
| Menu Converged - selection.checkbox - RTL.chromium.png | 5 | Changed |
| Menu Converged - selection.checkbox.chromium.png | 5 | Changed |
| Menu Converged - selection.checkbox - Dark Mode.chromium.png | 4 | Changed |
| Menu Converged - selection.checkbox - RTL.selected.chromium.png | 5 | Changed |
| Menu Converged - selection.switch - Dark Mode.chromium.png | 3 | Changed |
| Menu Converged - selection.checkbox.selected.chromium.png | 5 | Changed |
| Menu Converged - selection.checkbox - High Contrast.chromium.png | 8 | Changed |
| Menu Converged - selection.checkbox - Dark Mode.selected.chromium.png | 4 | Changed |
| Menu Converged - selection.switch.chromium.png | 5 | Changed |
| Menu Converged - selection.switch.selected.chromium.png | 5 | Changed |
| Menu Converged - selection.switch - RTL.selected.chromium.png | 5 | Changed |
| Menu Converged - selection.switch - Dark Mode.selected.chromium.png | 2 | Changed |
| Menu Converged - selection.switch - High Contrast.chromium.png | 7 | Changed |
| Menu Converged - selection.switch - RTL.chromium.png | 5 | Changed |
| Menu Converged - selection.switch - High Contrast.selected.chromium.png | 4 | Changed |
Menu Converged - selection groups 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Menu Converged - selection groups.default - RTL.chromium.png | 10 | Changed |
| Menu Converged - selection groups.default - RTL.selected.chromium.png | 10 | Changed |
| Menu Converged - selection groups.default.chromium.png | 10 | Changed |
| Menu Converged - selection groups.default.selected.chromium.png | 10 | Changed |
MenuButton Converged 12 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| MenuButton Converged.Size large - with long text wrapping.chromium.png | 5 | Changed |
| MenuButton Converged.Size large.hover.chromium.png | 4 | Changed |
| MenuButton Converged.Size small.hover.chromium.png | 1 | Changed |
| MenuButton Converged.Size small.default.chromium.png | 1 | Changed |
| MenuButton Converged.Size medium - with long text wrapping.chromium.png | 1 | Changed |
| MenuButton Converged.Size small - with long text wrapping.chromium.png | 1 | Changed |
| MenuButton Converged.Size large.pressed.chromium.png | 3 | Changed |
| MenuButton Converged.Size large.default.chromium.png | 5 | Changed |
| MenuButton Converged.Size small.pressed.chromium.png | 1 | Changed |
| MenuButton Converged.With icon.pressed.chromium.png | 1 | Changed |
| MenuButton Converged.With icon.default.chromium.png | 1 | Changed |
| MenuButton Converged.With icon.hover.chromium.png | 1 | Changed |
MessageBar 8 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| MessageBar.Auto.default.chromium.png | 1 | Changed |
| MessageBar.Intents - High Contrast.default.chromium.png | 10 | Changed |
| MessageBar.Intents - RTL.default.chromium.png | 5 | Changed |
| MessageBar.Intents.default.chromium.png | 5 | Changed |
| MessageBar.Intents - Dark Mode.default.chromium.png | 3 | Changed |
| MessageBar.Multiline.default.chromium.png | 5 | Changed |
| MessageBar.Multiline No Actions.default.chromium.png | 4 | Changed |
| MessageBar.Square.default.chromium.png | 1 | Changed |
Persona Converged 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Persona Converged.basic - High Contrast.normal.chromium.png | 4 | Changed |
| Persona Converged.textPosition.normal.chromium.png | 2 | Changed |
| Persona Converged.textAlignment.normal.chromium.png | 1 | Changed |
| Persona Converged.size-presence.normal.chromium.png | 5 | Changed |
Popover Converged 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Popover Converged.positioning - High Contrast.positioned popovers.chromium.png | 24 | Changed |
Positioning 11 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Positioning.arrow - RTL.chromium.png | 32 | Changed |
| Positioning.Multiple scroll parents.container attached to target.chromium.png | 1 | Changed |
| Positioning.Multiple scroll parents.chromium.png | 1 | Changed |
| Positioning.auto size with async content reset styles on updatePosition.chromium.png | 2 | Changed |
| Positioning.arrow.chromium.png | 28 | Changed |
| Positioning.fallback positioning.chromium.png | 1 | Changed |
| Positioning.auto size with async content reset styles on updatePosition.floating element width fills boundary and overflows 10px because of overflow-clip.chromium.png | 2 | Changed |
| Positioning.disable tether.chromium.png | 2 | Changed |
| Positioning.visibility modifiers.has [data-popper-escaped] when the popper escapes the reference element's boundary.chromium.png | 2 | Changed |
| Positioning.visibility modifiers.has [data-popper-is-intersecting] when the popover intersects boundaries.chromium.png | 2 | Changed |
| Positioning.visibility modifiers.has [data-popper-reference-hidden] when the reference is hidden.chromium.png | 2 | Changed |
Positioning (no decorator) 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Positioning (no decorator).scroll jumps.chromium.png | 66 | Changed |
| Positioning (no decorator).scroll jumps.positions without scroll jump.chromium.png | 111 | Changed |
| Positioning (no decorator).scroll jumps (with context usage).chromium.png | 73 | Changed |
| Positioning (no decorator).scroll jumps (with context usage).positions without scroll jump.chromium.png | 101 | Changed |
PresenceBadge Converged - OOF status 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| PresenceBadge Converged - OOF status.default - RTL.chromium.png | 7 | Changed |
| PresenceBadge Converged - OOF status.default.chromium.png | 8 | Changed |
PresenceBadge Converged - inverted background 3 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| PresenceBadge Converged - inverted background.default - High Contrast.default.chromium.png | 233 | Changed |
| PresenceBadge Converged - inverted background.default - Dark Mode.default.chromium.png | 48 | Changed |
| PresenceBadge Converged - inverted background.default.default.chromium.png | 51 | Changed |
PresenceBadge Converged - sizes 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| PresenceBadge Converged - sizes.default - RTL.chromium.png | 5 | Changed |
| PresenceBadge Converged - sizes.default.chromium.png | 4 | Changed |
PresenceBadge Converged - status 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| PresenceBadge Converged - status.default - RTL.chromium.png | 7 | Changed |
| PresenceBadge Converged - status.default.chromium.png | 7 | Changed |
Rating Converged 24 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Rating Converged.Brand Rating with half star - Dark Mode.hover.chromium.png | 1 | Changed |
| Rating Converged.Brand Rating with half star - Dark Mode.rest.chromium.png | 1 | Changed |
| Rating Converged.Brand Rating with half star - High Contrast.rest.chromium.png | 13 | Changed |
| Rating Converged.Brand Rating with half star - High Contrast.hover.chromium.png | 19 | Changed |
| Rating Converged.Brand Rating with half star.rest.chromium.png | 6 | Changed |
| Rating Converged.Marigold Rating with half star - High Contrast.hover.chromium.png | 11 | Changed |
| Rating Converged.Marigold Rating with half star - Dark Mode.hover.chromium.png | 8 | Changed |
| Rating Converged.Brand Rating with half star.hover.chromium.png | 9 | Changed |
| Rating Converged.Neutral Rating with half star - Dark Mode.hover.chromium.png | 14 | Changed |
| Rating Converged.Neutral Rating with half star - High Contrast.hover.chromium.png | 19 | Changed |
| Rating Converged.Marigold Rating with half star - Dark Mode.rest.chromium.png | 6 | Changed |
| Rating Converged.Marigold Rating with half star.rest.chromium.png | 1 | Changed |
| Rating Converged.Neutral Rating with half star - Dark Mode.rest.chromium.png | 10 | Changed |
| Rating Converged.Marigold Rating with half star - High Contrast.rest.chromium.png | 8 | Changed |
| Rating Converged.Neutral Rating with half star - High Contrast.rest.chromium.png | 13 | Changed |
| Rating Converged.Rating size large.rest.chromium.png | 10 | Changed |
| Rating Converged.Marigold Rating with half star.hover.chromium.png | 2 | Changed |
| Rating Converged.Rating size extra-large.rest.chromium.png | 17 | Changed |
| Rating Converged.Rating size medium.rest.chromium.png | 6 | Changed |
| Rating Converged.Neutral Rating with half star.rest.chromium.png | 11 | Changed |
| Rating Converged.Neutral Rating with half star.hover.chromium.png | 15 | Changed |
| Rating Converged.Rating with custom square icons.rest.chromium.png | 8 | Changed |
| Rating Converged.Rating size small.rest.chromium.png | 8 | Changed |
| Rating Converged.Rating with custom circle icons.rest.chromium.png | 18 | Changed |
RatingDisplay Converged 15 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| RatingDisplay Converged.Marigold with half value - High Contrast.rest.chromium.png | 1 | Changed |
| RatingDisplay Converged.Marigold with half value - Dark Mode.rest.chromium.png | 1 | Changed |
| RatingDisplay Converged.Neutral with half value - Dark Mode.rest.chromium.png | 2 | Changed |
| RatingDisplay Converged.Brand with half value - High Contrast.rest.chromium.png | 3 | Changed |
| RatingDisplay Converged.Brand with half value.rest.chromium.png | 1 | Changed |
| RatingDisplay Converged.custom circle icons.rest.chromium.png | 5 | Changed |
| RatingDisplay Converged.Neutral with half value - High Contrast.rest.chromium.png | 3 | Changed |
| RatingDisplay Converged.Neutral with half value.rest.chromium.png | 2 | Changed |
| RatingDisplay Converged.size extra-large with value and count.rest.chromium.png | 8 | Changed |
| RatingDisplay Converged.rounded down.rest.chromium.png | 3 | Changed |
| RatingDisplay Converged.size large with value and count.rest.chromium.png | 4 | Changed |
| RatingDisplay Converged.custom square icons.rest.chromium.png | 5 | Changed |
| RatingDisplay Converged.size medium with value and count.rest.chromium.png | 4 | Changed |
| RatingDisplay Converged.rounded up.rest.chromium.png | 3 | Changed |
| RatingDisplay Converged.size small with value and count.rest.chromium.png | 2 | Changed |
SearchBox Converged 11 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| SearchBox Converged.Clears value.input focused.chromium.png | 74 | Changed |
| SearchBox Converged.Size- large.default.chromium.png | 1 | Changed |
| SearchBox Converged.Size- small.focused.chromium.png | 1 | Changed |
| SearchBox Converged.Size- small.default.chromium.png | 1 | Changed |
| SearchBox Converged.Size- small.hover.chromium.png | 1 | Changed |
| SearchBox Converged.Size- large.focused.chromium.png | 3 | Changed |
| SearchBox Converged.Size- large.hover.chromium.png | 3 | Changed |
| SearchBox Converged.With custom dismiss - RTL.hover.chromium.png | 2 | Changed |
| SearchBox Converged.With custom dismiss - RTL.focused.chromium.png | 2 | Changed |
| SearchBox Converged.With custom dismiss.focused.chromium.png | 1 | Changed |
| SearchBox Converged.With custom dismiss.hover.chromium.png | 1 | Changed |
Select Converged 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Select Converged.Size- large.default.chromium.png | 1 | Changed |
Skeleton converged 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Skeleton converged.Opaque Skeleton with circle - High Contrast.chromium.png | 2 | Changed |
| Skeleton converged.Translucent Skeleton with circle - High Contrast.chromium.png | 2 | Changed |
Slider Converged 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Slider Converged.Root - High Contrast.pressed.chromium.png | 1 | Changed |
SpinButton Converged 21 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| SpinButton Converged.Appearance- filled-darker - High Contrast.focused.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- filled-darker - High Contrast.rest.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- filled-darker - High Contrast.hoverInput.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- filled-lighter - High Contrast.focused.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- filled-lighter - High Contrast.rest.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- filled-lighter - High Contrast.hoverInput.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- outline (default) - High Contrast.focused.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- outline (default) - High Contrast.hoverInput.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- outline (default) - High Contrast.rest.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- underline - High Contrast.hoverDecrement.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- underline - High Contrast.mouseDownIncrement.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- underline - High Contrast.hoverInput.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- underline - High Contrast.hoverIncrement.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- underline - High Contrast.focused.chromium.png | 1 | Changed |
| SpinButton Converged.Appearance- underline - High Contrast.rest.chromium.png | 1 | Changed |
| SpinButton Converged.Display Value - High Contrast.hoverInput.chromium.png | 1 | Changed |
| SpinButton Converged.Display Value - High Contrast.focused.chromium.png | 1 | Changed |
| SpinButton Converged.Display Value - High Contrast.rest.chromium.png | 1 | Changed |
| SpinButton Converged.With appearance override.default.chromium.png | 1 | Changed |
| SpinButton Converged.Size- small - High Contrast.default.chromium.png | 1 | Changed |
| SpinButton Converged.Custom Width - High Contrast.chromium.png | 1 | Changed |
Spinner converged 1 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Spinner converged.Animation - RTL.chromium.png | 4 | Changed |
SwatchPicker Converged 7 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| SwatchPicker Converged.Shape.default.chromium.png | 64 | Changed |
| SwatchPicker Converged.Spacing.default.chromium.png | 30 | Changed |
| SwatchPicker Converged.spacing.default.chromium.png | 52 | Changed |
| SwatchPicker Converged.default - Dark Mode.default.chromium.png | 6 | Changed |
| SwatchPicker Converged.default.default.chromium.png | 15 | Changed |
| SwatchPicker Converged.default - RTL.default.chromium.png | 15 | Changed |
| SwatchPicker Converged.default - High Contrast.default.chromium.png | 6 | Changed |
Switch Converged 50 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Switch Converged.Disabled and checked - High Contrast.hover.chromium.png | 1 | Changed |
| Switch Converged.Disabled and checked - High Contrast.pressed.chromium.png | 1 | Changed |
| Switch Converged.Disabled and unchecked - High Contrast.hover.chromium.png | 1 | Changed |
| Switch Converged.Disabled and unchecked - High Contrast.pressed.chromium.png | 1 | Changed |
| Switch Converged.Enabled and checked - Dark Mode.hover.chromium.png | 2 | Changed |
| Switch Converged.Enabled and checked - Dark Mode.default.chromium.png | 1 | Changed |
| Switch Converged.Enabled and checked - High Contrast.hover.chromium.png | 2 | Changed |
| Switch Converged.Enabled and checked - High Contrast.pressed.chromium.png | 2 | Changed |
| Switch Converged.Enabled and checked - RTL.hover.chromium.png | 3 | Changed |
| Switch Converged.Enabled and checked - RTL.default.chromium.png | 3 | Changed |
| Switch Converged.Enabled and checked - High Contrast.default.chromium.png | 2 | Changed |
| Switch Converged.Enabled and checked - RTL.pressed.chromium.png | 3 | Changed |
| Switch Converged.Enabled and checked.pressed.chromium.png | 3 | Changed |
| Switch Converged.Enabled and checked.hover.chromium.png | 3 | Changed |
| Switch Converged.Enabled and checked.default.chromium.png | 3 | Changed |
| Switch Converged.Enabled and unchecked - High Contrast.pressed.chromium.png | 1 | Changed |
| Switch Converged.Disabled and unchecked - High Contrast.default.chromium.png | 1 | Changed |
| Switch Converged.Enabled and unchecked - High Contrast.hover.chromium.png | 1 | Changed |
| Switch Converged.Enabled and unchecked - RTL.default.chromium.png | 1 | Changed |
| Switch Converged.Enabled and unchecked - RTL.hover.chromium.png | 1 | Changed |
| Switch Converged.Enabled and unchecked.default.chromium.png | 1 | Changed |
| Switch Converged.Disabled and checked - High Contrast.default.chromium.png | 1 | Changed |
| Switch Converged.Enabled and unchecked - High Contrast.default.chromium.png | 2 | Changed |
| Switch Converged.Enabled and unchecked.hover.chromium.png | 1 | Changed |
| Switch Converged.Required.pressed.chromium.png | 1 | Changed |
| Switch Converged.Enabled and unchecked.pressed.chromium.png | 1 | Changed |
| Switch Converged.Required.default.chromium.png | 1 | Changed |
| Switch Converged.With label above - RTL.pressed.chromium.png | 1 | Changed |
| Switch Converged.With label above - RTL.hover.chromium.png | 1 | Changed |
| Switch Converged.With label above - RTL.default.chromium.png | 1 | Changed |
| Switch Converged.Enabled and unchecked - RTL.pressed.chromium.png | 1 | Changed |
| Switch Converged.With label above.default.chromium.png | 1 | Changed |
| Switch Converged.With label above.pressed.chromium.png | 1 | Changed |
| Switch Converged.With label above.hover.chromium.png | 1 | Changed |
| Switch Converged.With label after - RTL.default.chromium.png | 1 | Changed |
| Switch Converged.With label after - RTL.pressed.chromium.png | 1 | Changed |
| Switch Converged.Required.hover.chromium.png | 1 | Changed |
| Switch Converged.With label after.hover.chromium.png | 1 | Changed |
| Switch Converged.With label after.default.chromium.png | 1 | Changed |
| Switch Converged.With label after.pressed.chromium.png | 1 | Changed |
| Switch Converged.With label before - RTL.default.chromium.png | 1 | Changed |
| Switch Converged.With label before - RTL.pressed.chromium.png | 1 | Changed |
| Switch Converged.With label before.pressed.chromium.png | 1 | Changed |
| Switch Converged.With label before - RTL.hover.chromium.png | 1 | Changed |
| Switch Converged.With label after - RTL.hover.chromium.png | 1 | Changed |
| Switch Converged.With label before.hover.chromium.png | 1 | Changed |
| Switch Converged.With label before.default.chromium.png | 1 | Changed |
| Switch Converged.With label wrapping.default.chromium.png | 1 | Changed |
| Switch Converged.With label wrapping.hover.chromium.png | 1 | Changed |
| Switch Converged.With label wrapping.pressed.chromium.png | 1 | Changed |
Table flex - subtle selection 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table flex - subtle selection.rest.chromium.png | 14 | Changed |
| Table flex - subtle selection.rest.hover unselected row.chromium.png | 13 | Changed |
Table layout flex 43 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout flex.multiselect (checked) - brand - Dark Mode.chromium.png | 14 | Changed |
| Table layout flex.multiselect (checked) - brand - High Contrast.chromium.png | 26 | Changed |
| Table layout flex.multiselect (checked) - brand - RTL.chromium.png | 13 | Changed |
| Table layout flex.multiselect (checked) - neutral - High Contrast.chromium.png | 13 | Changed |
| Table layout flex.multiselect (checked) - brand.chromium.png | 13 | Changed |
| Table layout flex.multiselect (checked) - neutral - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex.multiselect (checked) - neutral - RTL.chromium.png | 13 | Changed |
| Table layout flex.multiselect (checked) - neutral.chromium.png | 13 | Changed |
| Table layout flex.multiselect (mixed) - brand - High Contrast.chromium.png | 25 | Changed |
| Table layout flex.multiselect (mixed) - brand - Dark Mode.chromium.png | 13 | Changed |
| Table layout flex.multiselect (mixed) - brand - RTL.chromium.png | 13 | Changed |
| Table layout flex.multiselect (mixed) - brand.chromium.png | 13 | Changed |
| Table layout flex.multiselect - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex.multiselect (mixed) - neutral - RTL.chromium.png | 13 | Changed |
| Table layout flex.multiselect (mixed) - neutral - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex.multiselect (mixed) - neutral - High Contrast.chromium.png | 18 | Changed |
| Table layout flex.multiselect (mixed) - neutral.chromium.png | 13 | Changed |
| Table layout flex.multiselect - RTL.chromium.png | 13 | Changed |
| Table layout flex.multiselect - High Contrast.chromium.png | 24 | Changed |
| Table layout flex.multiselect.chromium.png | 13 | Changed |
| Table layout flex.single select (checked) - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex.single select (checked) - RTL.chromium.png | 14 | Changed |
| Table layout flex.primary cell.chromium.png | 24 | Changed |
| Table layout flex.single select (checked) - High Contrast.chromium.png | 25 | Changed |
| Table layout flex.single select (checked) - brand - Dark Mode.chromium.png | 13 | Changed |
| Table layout flex.single select (checked) - brand - High Contrast.chromium.png | 25 | Changed |
| Table layout flex.single select (checked) - brand - RTL.chromium.png | 13 | Changed |
| Table layout flex.single select (checked) - neutral - High Contrast.chromium.png | 22 | Changed |
| Table layout flex.single select (checked) - brand.chromium.png | 13 | Changed |
| Table layout flex.single select (checked) - neutral.chromium.png | 13 | Changed |
| Table layout flex.single select (checked) - neutral - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex.single select - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex.single select - High Contrast.chromium.png | 24 | Changed |
| Table layout flex.single select (checked).chromium.png | 14 | Changed |
| Table layout flex.size - extra small.chromium.png | 22 | Changed |
| Table layout flex.size - medium - High Contrast.chromium.png | 24 | Changed |
| Table layout flex.single select (checked) - neutral - RTL.chromium.png | 13 | Changed |
| Table layout flex.single select.chromium.png | 13 | Changed |
| Table layout flex.single select - RTL.chromium.png | 13 | Changed |
| Table layout flex.size - medium.chromium.png | 13 | Changed |
| Table layout flex.size - medium - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex.size - small.chromium.png | 13 | Changed |
| Table layout flex.size - medium - RTL.chromium.png | 13 | Changed |
Table layout flex - cell actions 18 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout flex - cell actions.always visible - Dark Mode.chromium.png | 24 | Changed |
| Table layout flex - cell actions.always visible - High Contrast.hover row.chromium.png | 38 | Changed |
| Table layout flex - cell actions.always visible - RTL.chromium.png | 28 | Changed |
| Table layout flex - cell actions.always visible.chromium.png | 28 | Changed |
| Table layout flex - cell actions.always visible - Dark Mode.hover row.chromium.png | 24 | Changed |
| Table layout flex - cell actions.always visible - RTL.hover row.chromium.png | 27 | Changed |
| Table layout flex - cell actions.default - Dark Mode.chromium.png | 12 | Changed |
| Table layout flex - cell actions.always visible - High Contrast.chromium.png | 45 | Changed |
| Table layout flex - cell actions.default - RTL.hover row.chromium.png | 16 | Changed |
| Table layout flex - cell actions.default - High Contrast.hover row.chromium.png | 22 | Changed |
| Table layout flex - cell actions.default - Dark Mode.hover row.chromium.png | 14 | Changed |
| Table layout flex - cell actions.always visible.hover row.chromium.png | 27 | Changed |
| Table layout flex - cell actions.default - High Contrast.chromium.png | 24 | Changed |
| Table layout flex - cell actions.default - RTL.chromium.png | 13 | Changed |
| Table layout flex - cell actions.default.chromium.png | 13 | Changed |
| Table layout flex - cell actions.default.hover row.chromium.png | 16 | Changed |
| Table layout flex - cell actions.in header cell.hover row.chromium.png | 16 | Changed |
| Table layout flex - cell actions.in header cell.chromium.png | 13 | Changed |
Table layout flex - headers 9 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout flex - headers.sortable - Dark Mode.chromium.png | 17 | Changed |
| Table layout flex - headers.sortable - High Contrast.press header.chromium.png | 30 | Changed |
| Table layout flex - headers.sortable.hover header.chromium.png | 19 | Changed |
| Table layout flex - headers.sortable - Dark Mode.press header.chromium.png | 17 | Changed |
| Table layout flex - headers.sortable - Dark Mode.hover header.chromium.png | 16 | Changed |
| Table layout flex - headers.sortable.chromium.png | 19 | Changed |
| Table layout flex - headers.sortable - High Contrast.chromium.png | 32 | Changed |
| Table layout flex - headers.sortable - High Contrast.hover header.chromium.png | 30 | Changed |
| Table layout flex - headers.sortable.press header.chromium.png | 19 | Changed |
Table layout flex - resizable columns 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout flex - resizable columns.default.chromium.png | 5 | Changed |
| Table layout flex - resizable columns.end.chromium.png | 10 | Changed |
Table layout flex - truncate 3 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout flex - truncate.default (disabled).chromium.png | 13 | Changed |
| Table layout flex - truncate.false.chromium.png | 13 | Changed |
| Table layout flex - truncate.true.chromium.png | 13 | Changed |
Table layout table 43 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout table.multiselect (checked) - brand - Dark Mode.chromium.png | 14 | Changed |
| Table layout table.multiselect (checked) - brand - RTL.chromium.png | 13 | Changed |
| Table layout table.multiselect (checked) - brand - High Contrast.chromium.png | 26 | Changed |
| Table layout table.multiselect (checked) - neutral - High Contrast.chromium.png | 13 | Changed |
| Table layout table.multiselect (checked) - neutral - Dark Mode.chromium.png | 12 | Changed |
| Table layout table.multiselect (checked) - neutral.chromium.png | 13 | Changed |
| Table layout table.multiselect (checked) - brand.chromium.png | 13 | Changed |
| Table layout table.multiselect (checked) - neutral - RTL.chromium.png | 13 | Changed |
| Table layout table.multiselect (mixed) - brand - RTL.chromium.png | 13 | Changed |
| Table layout table.multiselect (mixed) - brand.chromium.png | 13 | Changed |
| Table layout table.multiselect (mixed) - brand - High Contrast.chromium.png | 25 | Changed |
| Table layout table.multiselect (mixed) - brand - Dark Mode.chromium.png | 13 | Changed |
| Table layout table.multiselect (mixed) - neutral - High Contrast.chromium.png | 18 | Changed |
| Table layout table.multiselect (mixed) - neutral - Dark Mode.chromium.png | 12 | Changed |
| Table layout table.multiselect (mixed) - neutral.chromium.png | 13 | Changed |
| Table layout table.single select (checked) - Dark Mode.chromium.png | 12 | Changed |
| Table layout table.multiselect - Dark Mode.chromium.png | 12 | Changed |
| Table layout table.multiselect - RTL.chromium.png | 13 | Changed |
| Table layout table.multiselect - High Contrast.chromium.png | 24 | Changed |
| Table layout table.multiselect.chromium.png | 13 | Changed |
| Table layout table.primary cell.chromium.png | 24 | Changed |
| Table layout table.multiselect (mixed) - neutral - RTL.chromium.png | 13 | Changed |
| Table layout table.single select (checked) - brand - Dark Mode.chromium.png | 13 | Changed |
| Table layout table.single select (checked) - RTL.chromium.png | 14 | Changed |
| Table layout table.single select (checked) - High Contrast.chromium.png | 25 | Changed |
| Table layout table.single select (checked) - brand - RTL.chromium.png | 13 | Changed |
| Table layout table.single select (checked) - brand - High Contrast.chromium.png | 25 | Changed |
| Table layout table.single select (checked) - brand.chromium.png | 13 | Changed |
| Table layout table.single select (checked) - neutral - Dark Mode.chromium.png | 12 | Changed |
| Table layout table.single select (checked) - neutral - High Contrast.chromium.png | 22 | Changed |
| Table layout table.single select (checked) - neutral - RTL.chromium.png | 13 | Changed |
| Table layout table.single select - High Contrast.chromium.png | 24 | Changed |
| Table layout table.single select (checked) - neutral.chromium.png | 13 | Changed |
| Table layout table.single select - Dark Mode.chromium.png | 12 | Changed |
| Table layout table.single select.chromium.png | 13 | Changed |
| Table layout table.single select (checked).chromium.png | 14 | Changed |
| Table layout table.single select - RTL.chromium.png | 13 | Changed |
| Table layout table.size - medium - Dark Mode.chromium.png | 12 | Changed |
| Table layout table.size - small.chromium.png | 13 | Changed |
| Table layout table.size - extra small.chromium.png | 22 | Changed |
| Table layout table.size - medium.chromium.png | 13 | Changed |
| Table layout table.size - medium - High Contrast.chromium.png | 24 | Changed |
| Table layout table.size - medium - RTL.chromium.png | 13 | Changed |
Table layout table - cell actions 18 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout table - cell actions.always visible - RTL.chromium.png | 28 | Changed |
| Table layout table - cell actions.always visible - High Contrast.hover row.chromium.png | 38 | Changed |
| Table layout table - cell actions.always visible - Dark Mode.chromium.png | 24 | Changed |
| Table layout table - cell actions.always visible - Dark Mode.hover row.chromium.png | 24 | Changed |
| Table layout table - cell actions.always visible - High Contrast.chromium.png | 45 | Changed |
| Table layout table - cell actions.always visible.hover row.chromium.png | 27 | Changed |
| Table layout table - cell actions.always visible.chromium.png | 28 | Changed |
| Table layout table - cell actions.default - RTL.chromium.png | 13 | Changed |
| Table layout table - cell actions.always visible - RTL.hover row.chromium.png | 27 | Changed |
| Table layout table - cell actions.default - Dark Mode.chromium.png | 12 | Changed |
| Table layout table - cell actions.default - High Contrast.chromium.png | 24 | Changed |
| Table layout table - cell actions.default - Dark Mode.hover row.chromium.png | 14 | Changed |
| Table layout table - cell actions.default - High Contrast.hover row.chromium.png | 22 | Changed |
| Table layout table - cell actions.default - RTL.hover row.chromium.png | 16 | Changed |
| Table layout table - cell actions.in header cell.chromium.png | 13 | Changed |
| Table layout table - cell actions.default.hover row.chromium.png | 16 | Changed |
| Table layout table - cell actions.default.chromium.png | 13 | Changed |
| Table layout table - cell actions.in header cell.hover row.chromium.png | 16 | Changed |
Table layout table - headers 9 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout table - headers.sortable - Dark Mode.chromium.png | 17 | Changed |
| Table layout table - headers.sortable - Dark Mode.hover header.chromium.png | 16 | Changed |
| Table layout table - headers.sortable - Dark Mode.press header.chromium.png | 17 | Changed |
| Table layout table - headers.sortable - High Contrast.hover header.chromium.png | 30 | Changed |
| Table layout table - headers.sortable - High Contrast.chromium.png | 32 | Changed |
| Table layout table - headers.sortable - High Contrast.press header.chromium.png | 30 | Changed |
| Table layout table - headers.sortable.chromium.png | 19 | Changed |
| Table layout table - headers.sortable.hover header.chromium.png | 19 | Changed |
| Table layout table - headers.sortable.press header.chromium.png | 19 | Changed |
Table layout table - resizable columns 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout table - resizable columns.end.chromium.png | 10 | Changed |
| Table layout table - resizable columns.default.chromium.png | 5 | Changed |
Table layout table - truncate 3 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table layout table - truncate.default (disabled).chromium.png | 13 | Changed |
| Table layout table - truncate.false.chromium.png | 13 | Changed |
| Table layout table - truncate.true.chromium.png | 13 | Changed |
Table table - subtle selection 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Table table - subtle selection.rest.chromium.png | 14 | Changed |
| Table table - subtle selection.rest.hover unselected row.chromium.png | 13 | Changed |
Tag Converged 5 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Tag Converged.Brand - High Contrast.default.chromium.png | 1 | Changed |
| Tag Converged.Filled - High Contrast.default.chromium.png | 1 | Changed |
| Tag Converged.Outline - High Contrast.default.chromium.png | 1 | Changed |
| Tag Converged.Size Extra Small With Icon.default.chromium.png | 2 | Changed |
| Tag Converged.Size Small With Icon.default.chromium.png | 2 | Changed |
TagPicker 19 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| TagPicker.appearance - High Contrast.chromium.png | 2 | Changed |
| TagPicker.appearance.chromium.png | 1 | Changed |
| TagPicker.appearance - RTL.chromium.png | 1 | Changed |
| TagPicker.expand icon - High Contrast.chromium.png | 5 | Changed |
| TagPicker.disabled - High Contrast.chromium.png | 7 | Changed |
| TagPicker.disabled - Dark Mode.chromium.png | 4 | Changed |
| TagPicker.expand icon - RTL.chromium.png | 3 | Changed |
| TagPicker.expand icon.chromium.png | 3 | Changed |
| TagPicker.disabled.chromium.png | 3 | Changed |
| TagPicker.disabled - RTL.chromium.png | 3 | Changed |
| TagPicker.expand icon - Dark Mode.chromium.png | 2 | Changed |
| TagPicker.secondary action - RTL.chromium.png | 1 | Changed |
| TagPicker.size - Dark Mode.chromium.png | 1 | Changed |
| TagPicker.secondary action - Dark Mode.chromium.png | 1 | Changed |
| TagPicker.size - High Contrast.chromium.png | 3 | Changed |
| TagPicker.secondary action - High Contrast.chromium.png | 2 | Changed |
| TagPicker.size - RTL.chromium.png | 2 | Changed |
| TagPicker.size.chromium.png | 2 | Changed |
| TagPicker.secondary action.chromium.png | 1 | Changed |
Toast 22 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Toast.Full Toast - Dark Mode.Toast visible.chromium.png | 3 | Changed |
| Toast.Full Toast - High Contrast.Toast visible.chromium.png | 10 | Changed |
| Toast.Full Toast.Toast visible.chromium.png | 6 | Changed |
| Toast.Full Toast - RTL.Toast visible.chromium.png | 6 | Changed |
| Toast.Full Toast Inverted - High Contrast.Toast visible.chromium.png | 10 | Changed |
| Toast.Full Toast Inverted.Toast visible.chromium.png | 4 | Changed |
| Toast.Full Toast Inverted - Dark Mode.Toast visible.chromium.png | 7 | Changed |
| Toast.Title Only - Dark Mode.Toast visible.chromium.png | 3 | Changed |
| Toast.Title Only Inverted - Dark Mode.Toast visible.chromium.png | 7 | Changed |
| Toast.Title Only - High Contrast.Toast visible.chromium.png | 10 | Changed |
| Toast.Title Only - RTL.Toast visible.chromium.png | 6 | Changed |
| Toast.Title Only Inverted.Toast visible.chromium.png | 4 | Changed |
| Toast.Title Only.Toast visible.chromium.png | 6 | Changed |
| Toast.Toast Title Word Break.Toast visible.chromium.png | 2 | Changed |
| Toast.Title Only Inverted - High Contrast.Toast visible.chromium.png | 10 | Changed |
| Toast.Without Subtitle - Dark Mode.Toast visible.chromium.png | 3 | Changed |
| Toast.Without Subtitle - High Contrast.Toast visible.chromium.png | 10 | Changed |
| Toast.Without Subtitle Inverted - Dark Mode.Toast visible.chromium.png | 7 | Changed |
| Toast.Without Subtitle - RTL.Toast visible.chromium.png | 6 | Changed |
| Toast.Without Subtitle.Toast visible.chromium.png | 6 | Changed |
| Toast.Without Subtitle Inverted - High Contrast.Toast visible.chromium.png | 10 | Changed |
| Toast.Without Subtitle Inverted.Toast visible.chromium.png | 4 | Changed |
ToggleButton Converged 4 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| ToggleButton Converged.Size large - with long text wrapping.chromium.png | 4 | Changed |
| ToggleButton Converged.Size large.default.chromium.png | 4 | Changed |
| ToggleButton Converged.Size large.hover.chromium.png | 4 | Changed |
| ToggleButton Converged.Size large.pressed.chromium.png | 3 | Changed |
Toolbar Converged 16 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Toolbar Converged.Default.Button Pressed.chromium.png | 4 | Changed |
| Toolbar Converged.Large.Button Pressed.chromium.png | 4 | Changed |
| Toolbar Converged.Large.Toggle On.chromium.png | 4 | Changed |
| Toolbar Converged.Large.default.chromium.png | 5 | Changed |
| Toolbar Converged.Default.Toggle On.chromium.png | 4 | Changed |
| Toolbar Converged.Default.default.chromium.png | 5 | Changed |
| Toolbar Converged.Small.Button Pressed.chromium.png | 4 | Changed |
| Toolbar Converged.Small.Toggle On.chromium.png | 4 | Changed |
| Toolbar Converged.Vertical Button.Button Pressed.chromium.png | 3 | Changed |
| Toolbar Converged.Vertical Button.Toggle On.chromium.png | 2 | Changed |
| Toolbar Converged.Vertical Button.default.chromium.png | 2 | Changed |
| Toolbar Converged.Small.default.chromium.png | 5 | Changed |
| Toolbar Converged.Vertical.Button Pressed.chromium.png | 4 | Changed |
| Toolbar Converged.Vertical.default.chromium.png | 5 | Changed |
| Toolbar Converged.Vertical.Toggle On.chromium.png | 4 | Changed |
| Toolbar Converged.Far Group.chromium.png | 6 | Changed |
Tooltip Converged 2 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Tooltip Converged.positioning - High Contrast.positioned tooltips.chromium.png | 13 | Changed |
| Tooltip Converged.withArrow - High Contrast.chromium.png | 1 | Changed |
Tree 33 screenshots
| Image Name | Diff(in Pixels) | Image Type |
|---|---|---|
| Tree.actions - High Contrast.chromium.png | 11 | Changed |
| Tree.actions - Dark Mode.chromium.png | 6 | Changed |
| Tree.actions.chromium.png | 7 | Changed |
| Tree.appearance - Dark Mode.Subtle alpha tree mousedown.chromium.png | 257 | Changed |
| Tree.appearance - Dark Mode.Transparent tree hover.chromium.png | 257 | Changed |
| Tree.appearance - Dark Mode.Subtle alpha tree hover.chromium.png | 257 | Changed |
| Tree.actions - RTL.chromium.png | 7 | Changed |
| Tree.appearance - High Contrast.Subtle alpha tree hover.chromium.png | 256 | Changed |
| Tree.appearance - High Contrast.Subtle alpha tree mousedown.chromium.png | 256 | Changed |
| Tree.appearance - High Contrast.Transparent tree hover.chromium.png | 257 | Changed |
| Tree.appearance - High Contrast.Transparent tree mousedown.chromium.png | 257 | Changed |
| Tree.appearance - Dark Mode.Transparent tree mousedown.chromium.png | 257 | Changed |
| Tree.appearance - RTL.Subtle alpha tree hover.chromium.png | 256 | Changed |
| Tree.appearance - RTL.Subtle alpha tree mousedown.chromium.png | 256 | Changed |
| Tree.appearance - RTL.Transparent tree hover.chromium.png | 256 | Changed |
| Tree.appearance.Subtle alpha tree hover.chromium.png | 256 | Changed |
| Tree.appearance - RTL.Transparent tree mousedown.chromium.png | 256 | Changed |
| Tree.appearance.Transparent tree hover.chromium.png | 256 | Changed |
| Tree.appearance.Subtle alpha tree mousedown.chromium.png | 256 | Changed |
| Tree.appearance.Transparent tree mousedown.chromium.png | 256 | Changed |
| Tree.expand icon.chromium.png | 1 | Changed |
| Tree.expand icon - High Contrast.chromium.png | 3 | Changed |
| Tree.expand icon - RTL.chromium.png | 1 | Changed |
| Tree.flat tree single selection - High Contrast.chromium.png | 1 | Changed |
| Tree.flat tree multi selection - High Contrast.chromium.png | 1 | Changed |
| Tree.layout - RTL.chromium.png | 7 | Changed |
| Tree.layout - Dark Mode.chromium.png | 4 | Changed |
| Tree.layout.chromium.png | 7 | Changed |
| Tree.layout - High Contrast.chromium.png | 9 | Changed |
| Tree.persona - Dark Mode.chromium.png | 1 | Changed |
| Tree.persona - RTL.chromium.png | 5 | Changed |
| Tree.persona - High Contrast.chromium.png | 14 | Changed |
| Tree.persona.chromium.png | 5 | Changed |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Previous Behavior
Playwright was locked to version 1.28.1.
New Behavior
Improvements:
playwrightpackage would download the browser binaries duringinstall. This behavior has been removed in favor of installing the binaries separately.This upgrade will help ease the merging of the upcoming
web-components-v3branch, which utilizes Playwright features that are only available in newer versions:expect().toHaveAttribute()assertion supports boolean attributes