diff --git a/.changeset/afraid-glasses-juggle.md b/.changeset/afraid-glasses-juggle.md new file mode 100644 index 0000000000..16e398b1dd --- /dev/null +++ b/.changeset/afraid-glasses-juggle.md @@ -0,0 +1,8 @@ +--- +"@rocket.chat/fuselage": minor +--- + +feat: Visual Regression Testing + Introduces a new tool package `visual-regression` to be used for easily enabling of visual regression testing across the monorepo packages. + Enables visual regression testing for `fuselage` package. + Adds a dedicated CI step for running visual regressions across all monorepo packages (that have it enabled). diff --git a/.github/workflows/cd.yml b/.github/workflows/cd.yml index 0a0ba9993e..e3ee30544f 100644 --- a/.github/workflows/cd.yml +++ b/.github/workflows/cd.yml @@ -31,7 +31,20 @@ jobs: key: ${{ runner.os }}-modules-${{ hashFiles('yarn.lock') }} - run: yarn if: steps.yarn-cache.outputs.cache-hit != 'true' - - run: yarn run ci + - name: Build, lint and test + id: build-lint-test + run: yarn run ci + + - name: Visual regression + id: visual-regression + run: yarn turbo run visual-regression --cache-dir=".turbo" --concurrency=1 + + - uses: actions/upload-artifact@v7 + if: failure() + with: + name: playwright-visual-results + path: '**/test-results' + - run: yarn run docs - uses: actions/upload-artifact@v7 with: diff --git a/.github/workflows/ci-pr.yml b/.github/workflows/ci-pr.yml index 707ed6b0ed..5e73b6d70b 100644 --- a/.github/workflows/ci-pr.yml +++ b/.github/workflows/ci-pr.yml @@ -41,8 +41,24 @@ jobs: turbo-${{ runner.os }}- - run: yarn if: steps.yarn-cache.outputs.cache-hit != 'true' - - run: yarn run ci - - uses: actions/upload-artifact@v7 + + - name: Build, lint and test + id: build-lint-test + run: yarn run ci + + - name: Visual regression + id: visual-regression + run: yarn turbo run visual-regression --cache-dir=".turbo" --concurrency=1 + + - name: Upload visual-regression results + uses: actions/upload-artifact@v7 + if: failure() + with: + name: 'playwright-visual-results-${{ github.event.number }}' + path: '**/test-results' + + - name: Upload storybooks + uses: actions/upload-artifact@v7 with: name: 'storybooks-${{ github.event.number }}' path: | diff --git a/.gitignore b/.gitignore index 78ecd79c12..186e2717be 100644 --- a/.gitignore +++ b/.gitignore @@ -16,3 +16,5 @@ node_modules/ **/.storybook/jest-results.json **/bundle-report.html .env +**/playwright-report +**/test-results diff --git a/package.json b/package.json index bda4b44439..970ce3cd45 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,8 @@ "build": "yarn turbo run build", "build-storybook": "yarn turbo run build-storybook --cache-dir=\".turbo\"", "changeset": "changeset", + ".ci-build-lint": "yarn turbo run build lint build-storybook --cache-dir=\".turbo\"", + ".ci-test": "yarn turbo run test", "ci": "yarn turbo run build lint test build-storybook --cache-dir=\".turbo\"", "clean": "yarn workspaces foreach -vA run clean", "docs": "yarn turbo run docs", diff --git a/packages/fuselage/.gitignore b/packages/fuselage/.gitignore index 3560debdff..285d5d627b 100644 --- a/packages/fuselage/.gitignore +++ b/packages/fuselage/.gitignore @@ -2,3 +2,4 @@ /dist /storybook-static /bundle-report*.html +/test-results diff --git a/packages/fuselage/jest.config.ts b/packages/fuselage/jest.config.ts index 403aacfe6c..9b018ab3ce 100644 --- a/packages/fuselage/jest.config.ts +++ b/packages/fuselage/jest.config.ts @@ -3,6 +3,10 @@ import type { Config } from 'jest'; export default { preset: 'ts-jest', testEnvironment: 'jsdom', + testMatch: [ + '/src/**/*.spec.{ts,tsx}', + '!**/visualRegression.spec.ts', + ], setupFilesAfterEnv: [ '/jest-setup.ts', 'testing-utils/setup/noErrorsLogged', diff --git a/packages/fuselage/package.json b/packages/fuselage/package.json index a553fa5f80..b6eda61d35 100644 --- a/packages/fuselage/package.json +++ b/packages/fuselage/package.json @@ -23,6 +23,8 @@ "/index.js" ], "scripts": { + "visual-regression": "visual-regression", + "visual-regression-update": "visual-regression --update-snapshots", "start": "webpack --watch --mode development", "storybook": "storybook dev -p 6006 --no-version-updates", "build": "run-s .:build:clean .:build:dev .:build:prod", @@ -55,6 +57,7 @@ "@rocket.chat/fuselage-hooks": "workspace:~", "@rocket.chat/icons": "workspace:~", "@rocket.chat/storybook-dark-mode": "workspace:~", + "@rocket.chat/visual-regression": "workspace:~", "@storybook/addon-a11y": "~9.1.17", "@storybook/addon-docs": "~9.1.17", "@storybook/addon-links": "~9.1.17", diff --git a/packages/fuselage/test/snapshots/containers-accordion--default-desktop.png b/packages/fuselage/test/snapshots/containers-accordion--default-desktop.png new file mode 100644 index 0000000000..082409c058 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-accordion--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-accordion--disabled-item-desktop.png b/packages/fuselage/test/snapshots/containers-accordion--disabled-item-desktop.png new file mode 100644 index 0000000000..3254fee1fb Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-accordion--disabled-item-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-accordion--expanded-item-by-default-desktop.png b/packages/fuselage/test/snapshots/containers-accordion--expanded-item-by-default-desktop.png new file mode 100644 index 0000000000..6223a41804 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-accordion--expanded-item-by-default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--clickable-desktop.png b/packages/fuselage/test/snapshots/containers-card--clickable-desktop.png new file mode 100644 index 0000000000..f329deddb3 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--clickable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--hero-desktop.png b/packages/fuselage/test/snapshots/containers-card--hero-desktop.png new file mode 100644 index 0000000000..36f0807411 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--hero-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--horizontal-custom-desktop.png b/packages/fuselage/test/snapshots/containers-card--horizontal-custom-desktop.png new file mode 100644 index 0000000000..6e2d6d720a Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--horizontal-custom-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--horizontal-desktop.png b/packages/fuselage/test/snapshots/containers-card--horizontal-desktop.png new file mode 100644 index 0000000000..f329deddb3 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--horizontal-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--horizontal-no-action-desktop.png b/packages/fuselage/test/snapshots/containers-card--horizontal-no-action-desktop.png new file mode 100644 index 0000000000..af9aa0bef6 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--horizontal-no-action-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--horizontal-no-icon-desktop.png b/packages/fuselage/test/snapshots/containers-card--horizontal-no-icon-desktop.png new file mode 100644 index 0000000000..234ef671ea Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--horizontal-no-icon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--title-h-4-desktop.png b/packages/fuselage/test/snapshots/containers-card--title-h-4-desktop.png new file mode 100644 index 0000000000..f01df83659 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--title-h-4-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--title-h-5-desktop.png b/packages/fuselage/test/snapshots/containers-card--title-h-5-desktop.png new file mode 100644 index 0000000000..447b9872e0 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--title-h-5-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--vertical-custom-desktop.png b/packages/fuselage/test/snapshots/containers-card--vertical-custom-desktop.png new file mode 100644 index 0000000000..2edb8cfbc6 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--vertical-custom-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--vertical-desktop.png b/packages/fuselage/test/snapshots/containers-card--vertical-desktop.png new file mode 100644 index 0000000000..bcdffd119a Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--vertical-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-card--vertical-no-icon-desktop.png b/packages/fuselage/test/snapshots/containers-card--vertical-no-icon-desktop.png new file mode 100644 index 0000000000..56309b6b88 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-card--vertical-no-icon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-cardgrid--card-grid-desktop.png b/packages/fuselage/test/snapshots/containers-cardgrid--card-grid-desktop.png new file mode 100644 index 0000000000..b04c353d0b Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-cardgrid--card-grid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-cardgroup--default-desktop.png b/packages/fuselage/test/snapshots/containers-cardgroup--default-desktop.png new file mode 100644 index 0000000000..7fe328e98e Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-cardgroup--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-cardgroup--vertical-with-horizontal-card-desktop.png b/packages/fuselage/test/snapshots/containers-cardgroup--vertical-with-horizontal-card-desktop.png new file mode 100644 index 0000000000..9c7de99a4a Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-cardgroup--vertical-with-horizontal-card-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-cardgroup--wrap-align-center-desktop.png b/packages/fuselage/test/snapshots/containers-cardgroup--wrap-align-center-desktop.png new file mode 100644 index 0000000000..3a27171529 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-cardgroup--wrap-align-center-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-cardgroup--wrap-desktop.png b/packages/fuselage/test/snapshots/containers-cardgroup--wrap-desktop.png new file mode 100644 index 0000000000..5f42cf5daa Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-cardgroup--wrap-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-cardgroup--wrap-stretch-desktop.png b/packages/fuselage/test/snapshots/containers-cardgroup--wrap-stretch-desktop.png new file mode 100644 index 0000000000..70eff2dc6a Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-cardgroup--wrap-stretch-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-contextualbar--default-desktop.png b/packages/fuselage/test/snapshots/containers-contextualbar--default-desktop.png new file mode 100644 index 0000000000..6ee2ca76f9 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-contextualbar--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-contextualbar--empty-desktop.png b/packages/fuselage/test/snapshots/containers-contextualbar--empty-desktop.png new file mode 100644 index 0000000000..2f717230f5 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-contextualbar--empty-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-contextualbar--skeleton-desktop.png b/packages/fuselage/test/snapshots/containers-contextualbar--skeleton-desktop.png new file mode 100644 index 0000000000..f9715f1e47 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-contextualbar--skeleton-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-contextualbarv2--default-desktop.png b/packages/fuselage/test/snapshots/containers-contextualbarv2--default-desktop.png new file mode 100644 index 0000000000..800824f636 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-contextualbarv2--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-contextualbarv2--empty-desktop.png b/packages/fuselage/test/snapshots/containers-contextualbarv2--empty-desktop.png new file mode 100644 index 0000000000..d1ba45f7b9 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-contextualbarv2--empty-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-contextualbarv2--skeleton-desktop.png b/packages/fuselage/test/snapshots/containers-contextualbarv2--skeleton-desktop.png new file mode 100644 index 0000000000..4384580aae Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-contextualbarv2--skeleton-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-contextualbarv2--with-long-title-desktop.png b/packages/fuselage/test/snapshots/containers-contextualbarv2--with-long-title-desktop.png new file mode 100644 index 0000000000..f0374472e5 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-contextualbarv2--with-long-title-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--default-desktop.png b/packages/fuselage/test/snapshots/containers-modal--default-desktop.png new file mode 100644 index 0000000000..40f97f8657 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--with-annotation-desktop.png b/packages/fuselage/test/snapshots/containers-modal--with-annotation-desktop.png new file mode 100644 index 0000000000..a02f6b4b04 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--with-annotation-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--with-form-desktop.png b/packages/fuselage/test/snapshots/containers-modal--with-form-desktop.png new file mode 100644 index 0000000000..bd3ffe208d Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--with-form-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--with-hero-image-desktop.png b/packages/fuselage/test/snapshots/containers-modal--with-hero-image-desktop.png new file mode 100644 index 0000000000..71612aeda8 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--with-hero-image-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--with-icon-and-tagline-desktop.png b/packages/fuselage/test/snapshots/containers-modal--with-icon-and-tagline-desktop.png new file mode 100644 index 0000000000..9c4fc22201 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--with-icon-and-tagline-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--with-icon-desktop.png b/packages/fuselage/test/snapshots/containers-modal--with-icon-desktop.png new file mode 100644 index 0000000000..75d1bc625d Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--with-icon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--with-tagline-desktop.png b/packages/fuselage/test/snapshots/containers-modal--with-tagline-desktop.png new file mode 100644 index 0000000000..7c7edf8773 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--with-tagline-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-modal--with-thumb-desktop.png b/packages/fuselage/test/snapshots/containers-modal--with-thumb-desktop.png new file mode 100644 index 0000000000..a2daac77eb Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-modal--with-thumb-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-tile--default-desktop.png b/packages/fuselage/test/snapshots/containers-tile--default-desktop.png new file mode 100644 index 0000000000..1486c31ab7 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-tile--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-tile--elevation-0-desktop.png b/packages/fuselage/test/snapshots/containers-tile--elevation-0-desktop.png new file mode 100644 index 0000000000..6d360f6bba Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-tile--elevation-0-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-tile--elevation-1-desktop.png b/packages/fuselage/test/snapshots/containers-tile--elevation-1-desktop.png new file mode 100644 index 0000000000..8d0c0fa360 Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-tile--elevation-1-desktop.png differ diff --git a/packages/fuselage/test/snapshots/containers-tile--elevation-2-desktop.png b/packages/fuselage/test/snapshots/containers-tile--elevation-2-desktop.png new file mode 100644 index 0000000000..d1fc1aab5a Binary files /dev/null and b/packages/fuselage/test/snapshots/containers-tile--elevation-2-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-avatar--default-desktop.png b/packages/fuselage/test/snapshots/data-display-avatar--default-desktop.png new file mode 100644 index 0000000000..5b2ddac0f6 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-avatar--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-avatar--rounded-desktop.png b/packages/fuselage/test/snapshots/data-display-avatar--rounded-desktop.png new file mode 100644 index 0000000000..029fcdd827 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-avatar--rounded-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-avatar--stack-desktop.png b/packages/fuselage/test/snapshots/data-display-avatar--stack-desktop.png new file mode 100644 index 0000000000..2fac4a195a Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-avatar--stack-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-avatar--stack-rounded-desktop.png b/packages/fuselage/test/snapshots/data-display-avatar--stack-rounded-desktop.png new file mode 100644 index 0000000000..dad4438cd4 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-avatar--stack-rounded-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--danger-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--danger-desktop.png new file mode 100644 index 0000000000..9a7fe262fc Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--default-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--default-desktop.png new file mode 100644 index 0000000000..d1dcfd04ff Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--disabled-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--disabled-desktop.png new file mode 100644 index 0000000000..f96d5b9d69 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--primary-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--primary-desktop.png new file mode 100644 index 0000000000..26cedab2e5 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--primary-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--secondary-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--secondary-desktop.png new file mode 100644 index 0000000000..d1dcfd04ff Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--secondary-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--small-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--small-desktop.png new file mode 100644 index 0000000000..ee15a15930 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--warning-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--warning-desktop.png new file mode 100644 index 0000000000..4200d70f80 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-badge--with-value-desktop.png b/packages/fuselage/test/snapshots/data-display-badge--with-value-desktop.png new file mode 100644 index 0000000000..b9d37f6fec Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-badge--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--dismissable-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--dismissable-desktop.png new file mode 100644 index 0000000000..372bd687dd Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--dismissable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--icon-and-label-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--icon-and-label-desktop.png new file mode 100644 index 0000000000..15bfcd715d Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--icon-and-label-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--label-only-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--label-only-desktop.png new file mode 100644 index 0000000000..57e978c04e Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--label-only-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--secondary-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--secondary-desktop.png new file mode 100644 index 0000000000..ff906a5467 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--secondary-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--secondary-dismissable-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--secondary-dismissable-desktop.png new file mode 100644 index 0000000000..ff45441610 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--secondary-dismissable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--small-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--small-desktop.png new file mode 100644 index 0000000000..1c2c3d496f Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--with-large-text-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--with-large-text-desktop.png new file mode 100644 index 0000000000..1960a2978c Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--with-large-text-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-bubble--without-action-desktop.png b/packages/fuselage/test/snapshots/data-display-bubble--without-action-desktop.png new file mode 100644 index 0000000000..2e2ddf2725 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-bubble--without-action-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chevron--default-desktop.png b/packages/fuselage/test/snapshots/data-display-chevron--default-desktop.png new file mode 100644 index 0000000000..cd1892ef41 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chevron--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chevron--down-desktop.png b/packages/fuselage/test/snapshots/data-display-chevron--down-desktop.png new file mode 100644 index 0000000000..cd1892ef41 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chevron--down-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chevron--left-desktop.png b/packages/fuselage/test/snapshots/data-display-chevron--left-desktop.png new file mode 100644 index 0000000000..29b44bd53b Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chevron--left-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chevron--right-desktop.png b/packages/fuselage/test/snapshots/data-display-chevron--right-desktop.png new file mode 100644 index 0000000000..2f29477321 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chevron--right-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chevron--size-desktop.png b/packages/fuselage/test/snapshots/data-display-chevron--size-desktop.png new file mode 100644 index 0000000000..9e2dbd3f6c Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chevron--size-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chevron--up-desktop.png b/packages/fuselage/test/snapshots/data-display-chevron--up-desktop.png new file mode 100644 index 0000000000..fa61ba48f2 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chevron--up-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chip--default-desktop.png b/packages/fuselage/test/snapshots/data-display-chip--default-desktop.png new file mode 100644 index 0000000000..1842dde745 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chip--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chip--disabled-desktop.png b/packages/fuselage/test/snapshots/data-display-chip--disabled-desktop.png new file mode 100644 index 0000000000..1842dde745 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chip--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chip--dismissible-desktop.png b/packages/fuselage/test/snapshots/data-display-chip--dismissible-desktop.png new file mode 100644 index 0000000000..3e1afd8222 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chip--dismissible-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chip--with-thumb-desktop.png b/packages/fuselage/test/snapshots/data-display-chip--with-thumb-desktop.png new file mode 100644 index 0000000000..71daf0fdb3 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chip--with-thumb-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-chip--with-thumb-url-desktop.png b/packages/fuselage/test/snapshots/data-display-chip--with-thumb-url-desktop.png new file mode 100644 index 0000000000..f6a348b330 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-chip--with-thumb-url-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-codesnippet--copy-button-desktop.png b/packages/fuselage/test/snapshots/data-display-codesnippet--copy-button-desktop.png new file mode 100644 index 0000000000..1de16878e3 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-codesnippet--copy-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-codesnippet--custom-button-name-desktop.png b/packages/fuselage/test/snapshots/data-display-codesnippet--custom-button-name-desktop.png new file mode 100644 index 0000000000..6ca84aeca2 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-codesnippet--custom-button-name-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-codesnippet--default-desktop.png b/packages/fuselage/test/snapshots/data-display-codesnippet--default-desktop.png new file mode 100644 index 0000000000..7665d44bf1 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-codesnippet--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-codesnippet--disabled-button-desktop.png b/packages/fuselage/test/snapshots/data-display-codesnippet--disabled-button-desktop.png new file mode 100644 index 0000000000..a5d6ef36d4 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-codesnippet--disabled-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-codesnippet--loading-code-desktop.png b/packages/fuselage/test/snapshots/data-display-codesnippet--loading-code-desktop.png new file mode 100644 index 0000000000..aabb8e0e9c Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-codesnippet--loading-code-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-divider--as-button-separator-desktop.png b/packages/fuselage/test/snapshots/data-display-divider--as-button-separator-desktop.png new file mode 100644 index 0000000000..95c04071db Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-divider--as-button-separator-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-divider--default-desktop.png b/packages/fuselage/test/snapshots/data-display-divider--default-desktop.png new file mode 100644 index 0000000000..1cb5203834 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-divider--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-divider--vertical-desktop.png b/packages/fuselage/test/snapshots/data-display-divider--vertical-desktop.png new file mode 100644 index 0000000000..8ab69c39d4 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-divider--vertical-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-divider--with-text-desktop.png b/packages/fuselage/test/snapshots/data-display-divider--with-text-desktop.png new file mode 100644 index 0000000000..b17a876370 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-divider--with-text-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-framedicon--danger-desktop.png b/packages/fuselage/test/snapshots/data-display-framedicon--danger-desktop.png new file mode 100644 index 0000000000..74705f02ea Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-framedicon--danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-framedicon--default-desktop.png b/packages/fuselage/test/snapshots/data-display-framedicon--default-desktop.png new file mode 100644 index 0000000000..b96ec0eeeb Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-framedicon--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-framedicon--info-desktop.png b/packages/fuselage/test/snapshots/data-display-framedicon--info-desktop.png new file mode 100644 index 0000000000..b92b0b76d7 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-framedicon--info-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-framedicon--success-desktop.png b/packages/fuselage/test/snapshots/data-display-framedicon--success-desktop.png new file mode 100644 index 0000000000..6353e33d04 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-framedicon--success-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-framedicon--warning-desktop.png b/packages/fuselage/test/snapshots/data-display-framedicon--warning-desktop.png new file mode 100644 index 0000000000..1639001d1c Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-framedicon--warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-icon--available-icons-desktop.png b/packages/fuselage/test/snapshots/data-display-icon--available-icons-desktop.png new file mode 100644 index 0000000000..5fa3ad3131 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-icon--available-icons-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-icon--default-desktop.png b/packages/fuselage/test/snapshots/data-display-icon--default-desktop.png new file mode 100644 index 0000000000..bcfec3e535 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-icon--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--animated-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--animated-desktop.png new file mode 100644 index 0000000000..b8bb7db964 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--animated-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--danger-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--danger-desktop.png new file mode 100644 index 0000000000..5c72ebb06e Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--danger-light-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--danger-light-desktop.png new file mode 100644 index 0000000000..469ad4c782 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--danger-light-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--default-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--default-desktop.png new file mode 100644 index 0000000000..9491fcb41b Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--default-light-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--default-light-desktop.png new file mode 100644 index 0000000000..e80ad28c8f Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--default-light-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--error-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--error-desktop.png new file mode 100644 index 0000000000..b3220363e0 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--error-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--error-light-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--error-light-desktop.png new file mode 100644 index 0000000000..72509811e2 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--error-light-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--success-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--success-desktop.png new file mode 100644 index 0000000000..4cf0111d08 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--success-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--success-light-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--success-light-desktop.png new file mode 100644 index 0000000000..59d27af911 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--success-light-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--warning-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--warning-desktop.png new file mode 100644 index 0000000000..41b6ad9e7b Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-progressbar--warning-light-desktop.png b/packages/fuselage/test/snapshots/data-display-progressbar--warning-light-desktop.png new file mode 100644 index 0000000000..9ebaf7bc83 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-progressbar--warning-light-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-statusbullet--default-desktop.png b/packages/fuselage/test/snapshots/data-display-statusbullet--default-desktop.png new file mode 100644 index 0000000000..b9cf5b6d69 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-statusbullet--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-statusbullet--small-desktop.png b/packages/fuselage/test/snapshots/data-display-statusbullet--small-desktop.png new file mode 100644 index 0000000000..08b2735730 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-statusbullet--small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-table--default-desktop.png b/packages/fuselage/test/snapshots/data-display-table--default-desktop.png new file mode 100644 index 0000000000..92f8eb81f8 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-table--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-table--fixed-desktop.png b/packages/fuselage/test/snapshots/data-display-table--fixed-desktop.png new file mode 100644 index 0000000000..8209d2a599 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-table--fixed-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-table--striped-desktop.png b/packages/fuselage/test/snapshots/data-display-table--striped-desktop.png new file mode 100644 index 0000000000..d975bc55b2 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-table--striped-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-table--with-selection-desktop.png b/packages/fuselage/test/snapshots/data-display-table--with-selection-desktop.png new file mode 100644 index 0000000000..1f9f2ff70d Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-table--with-selection-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--as-link-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--as-link-desktop.png new file mode 100644 index 0000000000..250740a1c3 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--as-link-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--clickable-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--clickable-desktop.png new file mode 100644 index 0000000000..250740a1c3 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--clickable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--danger-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--danger-desktop.png new file mode 100644 index 0000000000..8e1246fb0d Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--default-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--default-desktop.png new file mode 100644 index 0000000000..250740a1c3 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--disabled-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--disabled-desktop.png new file mode 100644 index 0000000000..a13dab3532 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--featured-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--featured-desktop.png new file mode 100644 index 0000000000..246af866b8 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--featured-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--large-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--large-desktop.png new file mode 100644 index 0000000000..afca41c238 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--large-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--medium-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--medium-desktop.png new file mode 100644 index 0000000000..d9519583fd Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--medium-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--primary-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--primary-desktop.png new file mode 100644 index 0000000000..4c0b77d968 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--primary-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--secondary-danger-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--secondary-danger-desktop.png new file mode 100644 index 0000000000..213b1dfcd5 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--secondary-danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--secondary-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--secondary-desktop.png new file mode 100644 index 0000000000..250740a1c3 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--secondary-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--secondary-info-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--secondary-info-desktop.png new file mode 100644 index 0000000000..5e059811f4 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--secondary-info-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--secondary-warning-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--secondary-warning-desktop.png new file mode 100644 index 0000000000..d7f6c38585 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--secondary-warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--variants-as-links-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--variants-as-links-desktop.png new file mode 100644 index 0000000000..65be5a7dfa Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--variants-as-links-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--variants-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--variants-desktop.png new file mode 100644 index 0000000000..65be5a7dfa Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--variants-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--warning-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--warning-desktop.png new file mode 100644 index 0000000000..a56e23b3ce Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tag--with-icon-desktop.png b/packages/fuselage/test/snapshots/data-display-tag--with-icon-desktop.png new file mode 100644 index 0000000000..ec6825d8b2 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tag--with-icon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-throbber--default-desktop.png b/packages/fuselage/test/snapshots/data-display-throbber--default-desktop.png new file mode 100644 index 0000000000..c454a04186 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-throbber--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-throbber--disabled-desktop.png b/packages/fuselage/test/snapshots/data-display-throbber--disabled-desktop.png new file mode 100644 index 0000000000..cdb370f311 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-throbber--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-throbber--inside-button-desktop.png b/packages/fuselage/test/snapshots/data-display-throbber--inside-button-desktop.png new file mode 100644 index 0000000000..a1384ddc7a Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-throbber--inside-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-throbber--inside-button-inherit-color-desktop.png b/packages/fuselage/test/snapshots/data-display-throbber--inside-button-inherit-color-desktop.png new file mode 100644 index 0000000000..6fddf5640b Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-throbber--inside-button-inherit-color-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-throbber--states-desktop.png b/packages/fuselage/test/snapshots/data-display-throbber--states-desktop.png new file mode 100644 index 0000000000..7f00a8590b Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-throbber--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tooltip--arrow-positioning-desktop.png b/packages/fuselage/test/snapshots/data-display-tooltip--arrow-positioning-desktop.png new file mode 100644 index 0000000000..89b7441a7e Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tooltip--arrow-positioning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tooltip--default-desktop.png b/packages/fuselage/test/snapshots/data-display-tooltip--default-desktop.png new file mode 100644 index 0000000000..bf7d17185d Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tooltip--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/data-display-tooltip--light-tooltip-desktop.png b/packages/fuselage/test/snapshots/data-display-tooltip--light-tooltip-desktop.png new file mode 100644 index 0000000000..55ef2e3a65 Binary files /dev/null and b/packages/fuselage/test/snapshots/data-display-tooltip--light-tooltip-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-banner--actionable-desktop.png b/packages/fuselage/test/snapshots/feedback-banner--actionable-desktop.png new file mode 100644 index 0000000000..816e4efac3 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-banner--actionable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-banner--banner-desktop.png b/packages/fuselage/test/snapshots/feedback-banner--banner-desktop.png new file mode 100644 index 0000000000..5332a0499a Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-banner--banner-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-banner--inline-desktop.png b/packages/fuselage/test/snapshots/feedback-banner--inline-desktop.png new file mode 100644 index 0000000000..dec84a936b Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-banner--inline-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-banner--variations-desktop.png b/packages/fuselage/test/snapshots/feedback-banner--variations-desktop.png new file mode 100644 index 0000000000..8c0c127afe Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-banner--variations-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--custom-icon-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--custom-icon-desktop.png new file mode 100644 index 0000000000..17f7d87309 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--custom-icon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--danger-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--danger-desktop.png new file mode 100644 index 0000000000..b5a97c8add Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--default-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--default-desktop.png new file mode 100644 index 0000000000..62e4f3d5e9 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--info-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--info-desktop.png new file mode 100644 index 0000000000..7d0292a796 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--info-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--success-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--success-desktop.png new file mode 100644 index 0000000000..2f1f8c6727 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--success-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--warning-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--warning-desktop.png new file mode 100644 index 0000000000..b01cd807d7 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--with-actions-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--with-actions-desktop.png new file mode 100644 index 0000000000..da4fb4b912 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--with-actions-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-callout--with-description-only-desktop.png b/packages/fuselage/test/snapshots/feedback-callout--with-description-only-desktop.png new file mode 100644 index 0000000000..c3b8b4af02 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-callout--with-description-only-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-states--action-button-desktop.png b/packages/fuselage/test/snapshots/feedback-states--action-button-desktop.png new file mode 100644 index 0000000000..7ed34ddca6 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-states--action-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-states--action-button-with-no-suggestions-desktop.png b/packages/fuselage/test/snapshots/feedback-states--action-button-with-no-suggestions-desktop.png new file mode 100644 index 0000000000..259a1a3a99 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-states--action-button-with-no-suggestions-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-states--default-desktop.png b/packages/fuselage/test/snapshots/feedback-states--default-desktop.png new file mode 100644 index 0000000000..c52fe109d8 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-states--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-states--link-desktop.png b/packages/fuselage/test/snapshots/feedback-states--link-desktop.png new file mode 100644 index 0000000000..1647a5f8d8 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-states--link-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-states--variations-desktop.png b/packages/fuselage/test/snapshots/feedback-states--variations-desktop.png new file mode 100644 index 0000000000..73df7874c5 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-states--variations-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-toastbar--default-desktop.png b/packages/fuselage/test/snapshots/feedback-toastbar--default-desktop.png new file mode 100644 index 0000000000..2a9c734633 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-toastbar--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-toastbar--error-desktop.png b/packages/fuselage/test/snapshots/feedback-toastbar--error-desktop.png new file mode 100644 index 0000000000..0359e1e17e Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-toastbar--error-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-toastbar--success-desktop.png b/packages/fuselage/test/snapshots/feedback-toastbar--success-desktop.png new file mode 100644 index 0000000000..c196d7607a Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-toastbar--success-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-toastbar--tiny-text-desktop.png b/packages/fuselage/test/snapshots/feedback-toastbar--tiny-text-desktop.png new file mode 100644 index 0000000000..31d59ce955 Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-toastbar--tiny-text-desktop.png differ diff --git a/packages/fuselage/test/snapshots/feedback-toastbar--with-close-button-desktop.png b/packages/fuselage/test/snapshots/feedback-toastbar--with-close-button-desktop.png new file mode 100644 index 0000000000..98e1e913cc Binary files /dev/null and b/packages/fuselage/test/snapshots/feedback-toastbar--with-close-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-autocomplete--custom-item-desktop.png b/packages/fuselage/test/snapshots/inputs-autocomplete--custom-item-desktop.png new file mode 100644 index 0000000000..b3f439fd5a Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-autocomplete--custom-item-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-autocomplete--custom-selected-desktop.png b/packages/fuselage/test/snapshots/inputs-autocomplete--custom-selected-desktop.png new file mode 100644 index 0000000000..3e6306291e Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-autocomplete--custom-selected-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-autocomplete--default-desktop.png b/packages/fuselage/test/snapshots/inputs-autocomplete--default-desktop.png new file mode 100644 index 0000000000..b3f439fd5a Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-autocomplete--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-autocomplete--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-autocomplete--disabled-desktop.png new file mode 100644 index 0000000000..22ef860b5e Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-autocomplete--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-autocomplete--multiple-custom-selected-desktop.png b/packages/fuselage/test/snapshots/inputs-autocomplete--multiple-custom-selected-desktop.png new file mode 100644 index 0000000000..7d26e8a7f1 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-autocomplete--multiple-custom-selected-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-autocomplete--multiple-desktop.png b/packages/fuselage/test/snapshots/inputs-autocomplete--multiple-desktop.png new file mode 100644 index 0000000000..3327083316 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-autocomplete--multiple-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-autocomplete--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-autocomplete--with-placeholder-desktop.png new file mode 100644 index 0000000000..8f8fb0189e Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-autocomplete--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--as-icon-button-desktop.png b/packages/fuselage/test/snapshots/inputs-button--as-icon-button-desktop.png new file mode 100644 index 0000000000..a9ffcce41d Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--as-icon-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--as-link-desktop.png b/packages/fuselage/test/snapshots/inputs-button--as-link-desktop.png new file mode 100644 index 0000000000..3a320b889e Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--as-link-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--default-desktop.png b/packages/fuselage/test/snapshots/inputs-button--default-desktop.png new file mode 100644 index 0000000000..7f9ebbe62d Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--loading-desktop.png b/packages/fuselage/test/snapshots/inputs-button--loading-desktop.png new file mode 100644 index 0000000000..f68a7f53b4 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--loading-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--loading-interaction-desktop.png b/packages/fuselage/test/snapshots/inputs-button--loading-interaction-desktop.png new file mode 100644 index 0000000000..bd690deb51 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--loading-interaction-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--sizes-desktop.png b/packages/fuselage/test/snapshots/inputs-button--sizes-desktop.png new file mode 100644 index 0000000000..3d01b030b9 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--sizes-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--states-desktop.png b/packages/fuselage/test/snapshots/inputs-button--states-desktop.png new file mode 100644 index 0000000000..6b74ebcb77 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--truncated-desktop.png b/packages/fuselage/test/snapshots/inputs-button--truncated-desktop.png new file mode 100644 index 0000000000..b31382fd24 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--truncated-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-button--variants-desktop.png b/packages/fuselage/test/snapshots/inputs-button--variants-desktop.png new file mode 100644 index 0000000000..dc1a97b0b1 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-button--variants-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-center-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-center-desktop.png new file mode 100644 index 0000000000..d1c5bc1a14 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-center-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-end-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-end-desktop.png new file mode 100644 index 0000000000..0a03728077 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-start-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-start-desktop.png new file mode 100644 index 0000000000..4003cdec51 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--aligned-at-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--default-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--default-desktop.png new file mode 100644 index 0000000000..4003cdec51 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--large-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--large-desktop.png new file mode 100644 index 0000000000..dc525ccc6c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--large-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--small-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--small-desktop.png new file mode 100644 index 0000000000..54035ac37a Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--stretch-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--stretch-desktop.png new file mode 100644 index 0000000000..51e02d8ec3 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--stretch-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-desktop.png new file mode 100644 index 0000000000..c16fd6a3f5 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-large-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-large-desktop.png new file mode 100644 index 0000000000..eabbaf101c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-large-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-small-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-small-desktop.png new file mode 100644 index 0000000000..ae9189d1cb Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-stretch-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-stretch-desktop.png new file mode 100644 index 0000000000..49daf1eb76 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--vertical-stretch-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-buttongroup--wrap-desktop.png b/packages/fuselage/test/snapshots/inputs-buttongroup--wrap-desktop.png new file mode 100644 index 0000000000..b9d69981cf Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-buttongroup--wrap-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-checkbox--checked-desktop.png b/packages/fuselage/test/snapshots/inputs-checkbox--checked-desktop.png new file mode 100644 index 0000000000..dae47f1ca0 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-checkbox--checked-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-checkbox--default-checked-desktop.png b/packages/fuselage/test/snapshots/inputs-checkbox--default-checked-desktop.png new file mode 100644 index 0000000000..dae47f1ca0 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-checkbox--default-checked-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-checkbox--default-desktop.png b/packages/fuselage/test/snapshots/inputs-checkbox--default-desktop.png new file mode 100644 index 0000000000..a0589b6f70 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-checkbox--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-checkbox--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-checkbox--disabled-desktop.png new file mode 100644 index 0000000000..28587b34b8 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-checkbox--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-checkbox--indeterminate-desktop.png b/packages/fuselage/test/snapshots/inputs-checkbox--indeterminate-desktop.png new file mode 100644 index 0000000000..64b573c5a6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-checkbox--indeterminate-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-checkbox--states-desktop.png b/packages/fuselage/test/snapshots/inputs-checkbox--states-desktop.png new file mode 100644 index 0000000000..cea265f1fa Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-checkbox--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-emailinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-emailinput--default-desktop.png new file mode 100644 index 0000000000..1f73f2f331 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-emailinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-emailinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-emailinput--disabled-desktop.png new file mode 100644 index 0000000000..ebd4744a32 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-emailinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-emailinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-emailinput--invalid-desktop.png new file mode 100644 index 0000000000..40cc4efdc6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-emailinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-emailinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-emailinput--states-desktop.png new file mode 100644 index 0000000000..3f0b4814b7 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-emailinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-emailinput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-emailinput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..6c106b7e81 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-emailinput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-emailinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-emailinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..a204a2cfc7 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-emailinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-emailinput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-emailinput--with-value-desktop.png new file mode 100644 index 0000000000..dd656bd71f Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-emailinput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-field--with-checkbox-desktop.png b/packages/fuselage/test/snapshots/inputs-field--with-checkbox-desktop.png new file mode 100644 index 0000000000..88fd0b603c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-field--with-checkbox-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-field--with-radio-button-desktop.png b/packages/fuselage/test/snapshots/inputs-field--with-radio-button-desktop.png new file mode 100644 index 0000000000..7e1988c6ed Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-field--with-radio-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-field--with-text-area-desktop.png b/packages/fuselage/test/snapshots/inputs-field--with-text-area-desktop.png new file mode 100644 index 0000000000..df259ecfa7 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-field--with-text-area-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-field--with-text-input-desktop.png b/packages/fuselage/test/snapshots/inputs-field--with-text-input-desktop.png new file mode 100644 index 0000000000..97cc7aaaa6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-field--with-text-input-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-field--with-toggle-switch-desktop.png b/packages/fuselage/test/snapshots/inputs-field--with-toggle-switch-desktop.png new file mode 100644 index 0000000000..963598e87d Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-field--with-toggle-switch-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-fieldgroup--default-desktop.png b/packages/fuselage/test/snapshots/inputs-fieldgroup--default-desktop.png new file mode 100644 index 0000000000..9126f8c617 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-fieldgroup--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-avatar-with-badge-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-avatar-with-badge-desktop.png new file mode 100644 index 0000000000..f91f464973 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-avatar-with-badge-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-danger-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-danger-desktop.png new file mode 100644 index 0000000000..c69978ea8f Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-desktop.png new file mode 100644 index 0000000000..933ff613f3 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-disabled-desktop.png new file mode 100644 index 0000000000..0cce4befab Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-info-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-info-desktop.png new file mode 100644 index 0000000000..5d79230692 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-info-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-danger-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-danger-desktop.png new file mode 100644 index 0000000000..957b59ab0d Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-danger-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-info-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-info-desktop.png new file mode 100644 index 0000000000..7beea9fc12 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-info-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-success-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-success-desktop.png new file mode 100644 index 0000000000..143d102a22 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-success-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-warning-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-warning-desktop.png new file mode 100644 index 0000000000..e4dde1f4b8 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-secondary-warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-success-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-success-desktop.png new file mode 100644 index 0000000000..4922cb9fab Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-success-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-warning-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-warning-desktop.png new file mode 100644 index 0000000000..c6b11486af Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-warning-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-with-badge-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-with-badge-desktop.png new file mode 100644 index 0000000000..bb4296ea0f Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-with-badge-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-with-emoji-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-with-emoji-desktop.png new file mode 100644 index 0000000000..2a55bea641 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--icon-button-with-emoji-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--sizes-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--sizes-desktop.png new file mode 100644 index 0000000000..889534f87c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--sizes-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--states-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--states-desktop.png new file mode 100644 index 0000000000..ff40a4a000 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-iconbutton--variants-desktop.png b/packages/fuselage/test/snapshots/inputs-iconbutton--variants-desktop.png new file mode 100644 index 0000000000..cb0667029c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-iconbutton--variants-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--date-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--date-desktop.png new file mode 100644 index 0000000000..5c63efe48f Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--date-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--default-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--default-desktop.png new file mode 100644 index 0000000000..7dd3491767 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--disabled-desktop.png new file mode 100644 index 0000000000..5dd81a5d4c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--invalid-desktop.png new file mode 100644 index 0000000000..ab5ae247a4 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--skeleton-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--skeleton-desktop.png new file mode 100644 index 0000000000..688d5e28a6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--skeleton-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--small-variants-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--small-variants-desktop.png new file mode 100644 index 0000000000..8eae57dcab Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--small-variants-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--time-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--time-desktop.png new file mode 100644 index 0000000000..044a47a4b3 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--time-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--with-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--with-addon-desktop.png new file mode 100644 index 0000000000..f2c13fe6f5 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--with-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-inputbox--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-inputbox--with-placeholder-desktop.png new file mode 100644 index 0000000000..7241d232bf Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-inputbox--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-label--default-desktop.png b/packages/fuselage/test/snapshots/inputs-label--default-desktop.png new file mode 100644 index 0000000000..56db237cb1 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-label--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-label--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-label--disabled-desktop.png new file mode 100644 index 0000000000..3903395502 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-label--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-label--info-desktop.png b/packages/fuselage/test/snapshots/inputs-label--info-desktop.png new file mode 100644 index 0000000000..b273221415 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-label--info-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-label--info-required-desktop.png b/packages/fuselage/test/snapshots/inputs-label--info-required-desktop.png new file mode 100644 index 0000000000..6243cf4753 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-label--info-required-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-label--required-desktop.png b/packages/fuselage/test/snapshots/inputs-label--required-desktop.png new file mode 100644 index 0000000000..f95aa95c29 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-label--required-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-multiselect--custom-empty-desktop.png b/packages/fuselage/test/snapshots/inputs-multiselect--custom-empty-desktop.png new file mode 100644 index 0000000000..bbd7a49834 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-multiselect--custom-empty-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-multiselect--default-desktop.png b/packages/fuselage/test/snapshots/inputs-multiselect--default-desktop.png new file mode 100644 index 0000000000..bbd7a49834 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-multiselect--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-multiselect--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-multiselect--disabled-desktop.png new file mode 100644 index 0000000000..65cead274b Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-multiselect--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-multiselect--error-desktop.png b/packages/fuselage/test/snapshots/inputs-multiselect--error-desktop.png new file mode 100644 index 0000000000..d5a9fdd64a Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-multiselect--error-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-multiselect--with-filter-desktop.png b/packages/fuselage/test/snapshots/inputs-multiselect--with-filter-desktop.png new file mode 100644 index 0000000000..8919469f83 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-multiselect--with-filter-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-multiselect--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-multiselect--with-value-desktop.png new file mode 100644 index 0000000000..5b4867d9b0 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-multiselect--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-numberinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-numberinput--default-desktop.png new file mode 100644 index 0000000000..bde8338cdc Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-numberinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-numberinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-numberinput--disabled-desktop.png new file mode 100644 index 0000000000..45253d5b62 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-numberinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-numberinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-numberinput--invalid-desktop.png new file mode 100644 index 0000000000..44adbe92d3 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-numberinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-numberinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-numberinput--states-desktop.png new file mode 100644 index 0000000000..62ae6b0daf Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-numberinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-numberinput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-numberinput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..6c106b7e81 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-numberinput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-numberinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-numberinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..cb17906179 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-numberinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--disabled-desktop.png new file mode 100644 index 0000000000..f5e0b8d66f Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--errored-desktop.png b/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--errored-desktop.png new file mode 100644 index 0000000000..4ef1c6b45b Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--errored-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--normal-desktop.png b/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--normal-desktop.png new file mode 100644 index 0000000000..45ed3cd3e8 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-paginatedmultiselectfiltered--normal-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--disabled-desktop.png new file mode 100644 index 0000000000..ea3cc1ae7c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--errored-desktop.png b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--errored-desktop.png new file mode 100644 index 0000000000..403e9bbbd6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--errored-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--normal-desktop.png b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--normal-desktop.png new file mode 100644 index 0000000000..781563a110 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--normal-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--with-render-item-desktop.png b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--with-render-item-desktop.png new file mode 100644 index 0000000000..781563a110 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-paginatedselectfiltered--with-render-item-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-passwordinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-passwordinput--default-desktop.png new file mode 100644 index 0000000000..421e34e125 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-passwordinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-passwordinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-passwordinput--disabled-desktop.png new file mode 100644 index 0000000000..f03cd8599f Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-passwordinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-passwordinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-passwordinput--invalid-desktop.png new file mode 100644 index 0000000000..45793f70be Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-passwordinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-passwordinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-passwordinput--states-desktop.png new file mode 100644 index 0000000000..365e227e14 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-passwordinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-passwordinput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-passwordinput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..f2c13fe6f5 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-passwordinput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-passwordinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-passwordinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..8d75652dc3 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-passwordinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-passwordinput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-passwordinput--with-value-desktop.png new file mode 100644 index 0000000000..4f222cd61e Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-passwordinput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-radiobutton--checked-desktop.png b/packages/fuselage/test/snapshots/inputs-radiobutton--checked-desktop.png new file mode 100644 index 0000000000..2e18f6de83 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-radiobutton--checked-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-radiobutton--default-desktop.png b/packages/fuselage/test/snapshots/inputs-radiobutton--default-desktop.png new file mode 100644 index 0000000000..359c3ba877 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-radiobutton--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-radiobutton--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-radiobutton--disabled-desktop.png new file mode 100644 index 0000000000..8e6a89794d Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-radiobutton--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-radiobutton--states-desktop.png b/packages/fuselage/test/snapshots/inputs-radiobutton--states-desktop.png new file mode 100644 index 0000000000..63010b52be Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-radiobutton--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-searchinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-searchinput--default-desktop.png new file mode 100644 index 0000000000..1f73f2f331 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-searchinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-searchinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-searchinput--disabled-desktop.png new file mode 100644 index 0000000000..ebd4744a32 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-searchinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-searchinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-searchinput--invalid-desktop.png new file mode 100644 index 0000000000..40cc4efdc6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-searchinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-searchinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-searchinput--states-desktop.png new file mode 100644 index 0000000000..3f7e4f2343 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-searchinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-searchinput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-searchinput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..6c106b7e81 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-searchinput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-searchinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-searchinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..a204a2cfc7 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-searchinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-searchinput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-searchinput--with-value-desktop.png new file mode 100644 index 0000000000..83c3003910 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-searchinput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-select--controlled-desktop.png b/packages/fuselage/test/snapshots/inputs-select--controlled-desktop.png new file mode 100644 index 0000000000..206143026c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-select--controlled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-select--default-desktop.png b/packages/fuselage/test/snapshots/inputs-select--default-desktop.png new file mode 100644 index 0000000000..2f71c7bd42 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-select--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-select--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-select--disabled-desktop.png new file mode 100644 index 0000000000..d9c83e4005 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-select--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-select--error-desktop.png b/packages/fuselage/test/snapshots/inputs-select--error-desktop.png new file mode 100644 index 0000000000..783d348d99 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-select--error-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-select--no-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-select--no-placeholder-desktop.png new file mode 100644 index 0000000000..3b484ecc56 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-select--no-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-select--states-desktop.png b/packages/fuselage/test/snapshots/inputs-select--states-desktop.png new file mode 100644 index 0000000000..71ae29e81b Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-select--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--default-desktop.png new file mode 100644 index 0000000000..5740b0224e Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--disabled-desktop.png new file mode 100644 index 0000000000..7a94818909 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--invalid-desktop.png new file mode 100644 index 0000000000..f8b31b90ae Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--multiple-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--multiple-desktop.png new file mode 100644 index 0000000000..b98632c6ce Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--multiple-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--multiple-with-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--multiple-with-addon-desktop.png new file mode 100644 index 0000000000..577cdc7349 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--multiple-with-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--states-desktop.png new file mode 100644 index 0000000000..6ddbb8e1b9 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--with-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--with-addon-desktop.png new file mode 100644 index 0000000000..6b268a890b Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--with-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..7ac74144fe Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-selectinput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-selectinput--with-value-desktop.png new file mode 100644 index 0000000000..0ab7358963 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-selectinput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--controlled-value-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--controlled-value-desktop.png new file mode 100644 index 0000000000..90bec18cb2 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--controlled-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--default-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--default-desktop.png new file mode 100644 index 0000000000..53aa941adc Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--disabled-desktop.png new file mode 100644 index 0000000000..d1096877fb Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--multi-thumb-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--multi-thumb-desktop.png new file mode 100644 index 0000000000..41d479ad30 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--multi-thumb-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--no-output-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--no-output-desktop.png new file mode 100644 index 0000000000..6d5e22fe14 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--no-output-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--number-format-options-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--number-format-options-desktop.png new file mode 100644 index 0000000000..70b5f7a6d9 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--number-format-options-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--slider-play-example-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--slider-play-example-desktop.png new file mode 100644 index 0000000000..c2b2dfa082 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--slider-play-example-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--vertical-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--vertical-desktop.png new file mode 100644 index 0000000000..05e3b68c70 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--vertical-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--vertical-multi-thumb-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--vertical-multi-thumb-desktop.png new file mode 100644 index 0000000000..0179954824 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--vertical-multi-thumb-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--with-default-value-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--with-default-value-desktop.png new file mode 100644 index 0000000000..b60379d131 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--with-default-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-slider--with-label-desktop.png b/packages/fuselage/test/snapshots/inputs-slider--with-label-desktop.png new file mode 100644 index 0000000000..e6479f4ebb Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-slider--with-label-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-telephoneinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-telephoneinput--default-desktop.png new file mode 100644 index 0000000000..1f73f2f331 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-telephoneinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-telephoneinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-telephoneinput--disabled-desktop.png new file mode 100644 index 0000000000..ebd4744a32 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-telephoneinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-telephoneinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-telephoneinput--invalid-desktop.png new file mode 100644 index 0000000000..40cc4efdc6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-telephoneinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-telephoneinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-telephoneinput--states-desktop.png new file mode 100644 index 0000000000..ccceddadda Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-telephoneinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-telephoneinput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-telephoneinput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..6c106b7e81 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-telephoneinput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-telephoneinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-telephoneinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..7241d232bf Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-telephoneinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-telephoneinput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-telephoneinput--with-value-desktop.png new file mode 100644 index 0000000000..3ab72da53d Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-telephoneinput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textareainput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-textareainput--default-desktop.png new file mode 100644 index 0000000000..9f5716cc07 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textareainput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textareainput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-textareainput--disabled-desktop.png new file mode 100644 index 0000000000..32ca359c05 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textareainput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textareainput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-textareainput--invalid-desktop.png new file mode 100644 index 0000000000..12328eda7f Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textareainput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textareainput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-textareainput--states-desktop.png new file mode 100644 index 0000000000..0af16d50d6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textareainput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textareainput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-textareainput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..34279596d4 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textareainput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textareainput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-textareainput--with-placeholder-desktop.png new file mode 100644 index 0000000000..de8dceb1f1 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textareainput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textareainput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-textareainput--with-value-desktop.png new file mode 100644 index 0000000000..dcef91f7a8 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textareainput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-textinput--default-desktop.png new file mode 100644 index 0000000000..1f73f2f331 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-textinput--disabled-desktop.png new file mode 100644 index 0000000000..ebd4744a32 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-textinput--invalid-desktop.png new file mode 100644 index 0000000000..40cc4efdc6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-textinput--states-desktop.png new file mode 100644 index 0000000000..d4e6bed93c Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textinput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-textinput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..6c106b7e81 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textinput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-textinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..a204a2cfc7 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-textinput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-textinput--with-value-desktop.png new file mode 100644 index 0000000000..dfe207cdb8 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-textinput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-toggleswitch--checked-desktop.png b/packages/fuselage/test/snapshots/inputs-toggleswitch--checked-desktop.png new file mode 100644 index 0000000000..5eb720f7e1 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-toggleswitch--checked-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-toggleswitch--default-desktop.png b/packages/fuselage/test/snapshots/inputs-toggleswitch--default-desktop.png new file mode 100644 index 0000000000..40d9c78642 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-toggleswitch--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-toggleswitch--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-toggleswitch--disabled-desktop.png new file mode 100644 index 0000000000..6d0db3ef52 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-toggleswitch--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-toggleswitch--states-desktop.png b/packages/fuselage/test/snapshots/inputs-toggleswitch--states-desktop.png new file mode 100644 index 0000000000..2cdc4139be Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-toggleswitch--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-urlinput--default-desktop.png b/packages/fuselage/test/snapshots/inputs-urlinput--default-desktop.png new file mode 100644 index 0000000000..1f73f2f331 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-urlinput--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-urlinput--disabled-desktop.png b/packages/fuselage/test/snapshots/inputs-urlinput--disabled-desktop.png new file mode 100644 index 0000000000..ebd4744a32 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-urlinput--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-urlinput--invalid-desktop.png b/packages/fuselage/test/snapshots/inputs-urlinput--invalid-desktop.png new file mode 100644 index 0000000000..40cc4efdc6 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-urlinput--invalid-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-urlinput--states-desktop.png b/packages/fuselage/test/snapshots/inputs-urlinput--states-desktop.png new file mode 100644 index 0000000000..68a24f71ba Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-urlinput--states-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-urlinput--with-icon-addon-desktop.png b/packages/fuselage/test/snapshots/inputs-urlinput--with-icon-addon-desktop.png new file mode 100644 index 0000000000..6c106b7e81 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-urlinput--with-icon-addon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-urlinput--with-placeholder-desktop.png b/packages/fuselage/test/snapshots/inputs-urlinput--with-placeholder-desktop.png new file mode 100644 index 0000000000..7241d232bf Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-urlinput--with-placeholder-desktop.png differ diff --git a/packages/fuselage/test/snapshots/inputs-urlinput--with-value-desktop.png b/packages/fuselage/test/snapshots/inputs-urlinput--with-value-desktop.png new file mode 100644 index 0000000000..0bea7affb7 Binary files /dev/null and b/packages/fuselage/test/snapshots/inputs-urlinput--with-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-animatedvisibility--example-desktop.png b/packages/fuselage/test/snapshots/layout-animatedvisibility--example-desktop.png new file mode 100644 index 0000000000..32343bca1d Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-animatedvisibility--example-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-colors--font-colors-desktop.png b/packages/fuselage/test/snapshots/layout-box-colors--font-colors-desktop.png new file mode 100644 index 0000000000..584a3fc37e Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-colors--font-colors-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-colors--status-colors-desktop.png b/packages/fuselage/test/snapshots/layout-box-colors--status-colors-desktop.png new file mode 100644 index 0000000000..8fe5498b69 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-colors--status-colors-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-colors--stroke-colors-desktop.png b/packages/fuselage/test/snapshots/layout-box-colors--stroke-colors-desktop.png new file mode 100644 index 0000000000..bc2b9a9f5c Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-colors--stroke-colors-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-colors--surface-colors-desktop.png b/packages/fuselage/test/snapshots/layout-box-colors--surface-colors-desktop.png new file mode 100644 index 0000000000..ef5a189047 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-colors--surface-colors-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-is--is-button-desktop.png b/packages/fuselage/test/snapshots/layout-box-is--is-button-desktop.png new file mode 100644 index 0000000000..35240878e9 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-is--is-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-is--is-h-4-desktop.png b/packages/fuselage/test/snapshots/layout-box-is--is-h-4-desktop.png new file mode 100644 index 0000000000..36a35f4934 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-is--is-h-4-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-is--is-span-desktop.png b/packages/fuselage/test/snapshots/layout-box-is--is-span-desktop.png new file mode 100644 index 0000000000..cb57318b88 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-is--is-span-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--border-radii-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--border-radii-desktop.png new file mode 100644 index 0000000000..fe04d5c4fd Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--border-radii-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--borders-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--borders-desktop.png new file mode 100644 index 0000000000..06ebf86d43 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--borders-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--display-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--display-desktop.png new file mode 100644 index 0000000000..4d2a400f19 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--display-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--elevation-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--elevation-desktop.png new file mode 100644 index 0000000000..dda459fee9 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--elevation-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--focusable-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--focusable-desktop.png new file mode 100644 index 0000000000..5ba78c64bd Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--focusable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--heights-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--heights-desktop.png new file mode 100644 index 0000000000..871d9af763 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--heights-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--insets-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--insets-desktop.png new file mode 100644 index 0000000000..f25cd10aae Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--insets-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--invisible-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--invisible-desktop.png new file mode 100644 index 0000000000..6d360f6bba Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--invisible-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--margins-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--margins-desktop.png new file mode 100644 index 0000000000..96af696afc Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--margins-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--opacity-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--opacity-desktop.png new file mode 100644 index 0000000000..59572fc072 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--opacity-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--paddings-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--paddings-desktop.png new file mode 100644 index 0000000000..96af696afc Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--paddings-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--position-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--position-desktop.png new file mode 100644 index 0000000000..6df7066c0c Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--position-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--sizes-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--sizes-desktop.png new file mode 100644 index 0000000000..0b43d97372 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--sizes-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--text-align-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--text-align-desktop.png new file mode 100644 index 0000000000..1f443910ed Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--text-align-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--vertical-align-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--vertical-align-desktop.png new file mode 100644 index 0000000000..833f0a6e73 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--vertical-align-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--widths-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--widths-desktop.png new file mode 100644 index 0000000000..b2118492ae Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--widths-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-layout--z-index-desktop.png b/packages/fuselage/test/snapshots/layout-box-layout--z-index-desktop.png new file mode 100644 index 0000000000..f1c0b0b864 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-layout--z-index-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--blockquote-and-cite-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--blockquote-and-cite-desktop.png new file mode 100644 index 0000000000..1d2e08a81c Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--blockquote-and-cite-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--dl-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--dl-desktop.png new file mode 100644 index 0000000000..ecf1508630 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--dl-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--hx-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--hx-desktop.png new file mode 100644 index 0000000000..d665d006db Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--hx-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--ol-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--ol-desktop.png new file mode 100644 index 0000000000..1b6f5fe8db Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--ol-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--p-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--p-desktop.png new file mode 100644 index 0000000000..88ddb437b3 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--p-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--pre-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--pre-desktop.png new file mode 100644 index 0000000000..8d1999d3cc Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--pre-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--pre-with-code-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--pre-with-code-desktop.png new file mode 100644 index 0000000000..8d1999d3cc Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--pre-with-code-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--table-complex-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--table-complex-desktop.png new file mode 100644 index 0000000000..fbe4d8332d Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--table-complex-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--table-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--table-desktop.png new file mode 100644 index 0000000000..f4df75a737 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--table-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-block--ul-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-block--ul-desktop.png new file mode 100644 index 0000000000..9bb339f59b Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-block--ul-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--a-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--a-desktop.png new file mode 100644 index 0000000000..6a4c77cfb0 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--a-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--abbr-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--abbr-desktop.png new file mode 100644 index 0000000000..31ae13951e Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--abbr-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--b-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--b-desktop.png new file mode 100644 index 0000000000..61e12f2e56 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--b-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--code-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--code-desktop.png new file mode 100644 index 0000000000..66a7c5fbee Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--code-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--dfn-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--dfn-desktop.png new file mode 100644 index 0000000000..b9b4369713 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--dfn-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--em-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--em-desktop.png new file mode 100644 index 0000000000..560c381fbb Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--em-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--i-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--i-desktop.png new file mode 100644 index 0000000000..e0ba862acc Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--i-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--kbd-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--kbd-desktop.png new file mode 100644 index 0000000000..63f4d1ffd3 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--kbd-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--q-and-cite-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--q-and-cite-desktop.png new file mode 100644 index 0000000000..fcba436016 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--q-and-cite-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--small-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--small-desktop.png new file mode 100644 index 0000000000..c4302ebccb Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--strong-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--strong-desktop.png new file mode 100644 index 0000000000..9cac678a1e Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--strong-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--sup-and-sub-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--sup-and-sub-desktop.png new file mode 100644 index 0000000000..635e9cc56e Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--sup-and-sub-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-rich-content-inline--time-desktop.png b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--time-desktop.png new file mode 100644 index 0000000000..c099e7e44a Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-rich-content-inline--time-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--font-families-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--font-families-desktop.png new file mode 100644 index 0000000000..5d033b9efe Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--font-families-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--font-scales-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--font-scales-desktop.png new file mode 100644 index 0000000000..f14c37b323 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--font-scales-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--font-sizes-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--font-sizes-desktop.png new file mode 100644 index 0000000000..5fb459c959 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--font-sizes-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--font-styles-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--font-styles-desktop.png new file mode 100644 index 0000000000..442ed95bb7 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--font-styles-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--font-weights-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--font-weights-desktop.png new file mode 100644 index 0000000000..ff92f8c92b Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--font-weights-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--letter-spacings-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--letter-spacings-desktop.png new file mode 100644 index 0000000000..56e9989be4 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--letter-spacings-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--line-heights-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--line-heights-desktop.png new file mode 100644 index 0000000000..73e50abc4b Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--line-heights-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--text-transform-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--text-transform-desktop.png new file mode 100644 index 0000000000..8c7a16b453 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--text-transform-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--with-truncated-text-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--with-truncated-text-desktop.png new file mode 100644 index 0000000000..8b46de34dc Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--with-truncated-text-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-box-typography--word-break-desktop.png b/packages/fuselage/test/snapshots/layout-box-typography--word-break-desktop.png new file mode 100644 index 0000000000..8ba44a790a Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-box-typography--word-break-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--align-content-desktop.png b/packages/fuselage/test/snapshots/layout-flex--align-content-desktop.png new file mode 100644 index 0000000000..5e0d96c106 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--align-content-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--align-desktop.png b/packages/fuselage/test/snapshots/layout-flex--align-desktop.png new file mode 100644 index 0000000000..9bcf4a1728 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--align-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--align-items-desktop.png b/packages/fuselage/test/snapshots/layout-flex--align-items-desktop.png new file mode 100644 index 0000000000..b57b9fa989 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--align-items-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--basis-desktop.png b/packages/fuselage/test/snapshots/layout-flex--basis-desktop.png new file mode 100644 index 0000000000..5dd96ba048 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--basis-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--direction-desktop.png b/packages/fuselage/test/snapshots/layout-flex--direction-desktop.png new file mode 100644 index 0000000000..75ddae44ef Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--direction-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--example-desktop.png b/packages/fuselage/test/snapshots/layout-flex--example-desktop.png new file mode 100644 index 0000000000..fcb9602f37 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--example-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--grow-desktop.png b/packages/fuselage/test/snapshots/layout-flex--grow-desktop.png new file mode 100644 index 0000000000..d370f2842f Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--grow-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--justify-content-desktop.png b/packages/fuselage/test/snapshots/layout-flex--justify-content-desktop.png new file mode 100644 index 0000000000..284680cc96 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--justify-content-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--order-desktop.png b/packages/fuselage/test/snapshots/layout-flex--order-desktop.png new file mode 100644 index 0000000000..0185a0922b Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--order-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--shrink-desktop.png b/packages/fuselage/test/snapshots/layout-flex--shrink-desktop.png new file mode 100644 index 0000000000..d370f2842f Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--shrink-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-flex--wrap-desktop.png b/packages/fuselage/test/snapshots/layout-flex--wrap-desktop.png new file mode 100644 index 0000000000..07bdc9379f Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-flex--wrap-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-grid--breakpoints-desktop.png b/packages/fuselage/test/snapshots/layout-grid--breakpoints-desktop.png new file mode 100644 index 0000000000..21b53b7165 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-grid--breakpoints-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-grid--default-desktop.png b/packages/fuselage/test/snapshots/layout-grid--default-desktop.png new file mode 100644 index 0000000000..5a0e0fb85b Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-grid--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-grid--extra-large-desktop.png b/packages/fuselage/test/snapshots/layout-grid--extra-large-desktop.png new file mode 100644 index 0000000000..7c8003a6be Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-grid--extra-large-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-grid--extra-small-desktop.png b/packages/fuselage/test/snapshots/layout-grid--extra-small-desktop.png new file mode 100644 index 0000000000..aa06552f0c Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-grid--extra-small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-grid--large-desktop.png b/packages/fuselage/test/snapshots/layout-grid--large-desktop.png new file mode 100644 index 0000000000..fae2ebefd2 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-grid--large-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-grid--medium-desktop.png b/packages/fuselage/test/snapshots/layout-grid--medium-desktop.png new file mode 100644 index 0000000000..1f38685961 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-grid--medium-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-grid--small-desktop.png b/packages/fuselage/test/snapshots/layout-grid--small-desktop.png new file mode 100644 index 0000000000..a7af3f6bd3 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-grid--small-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--all-prop-desktop.png b/packages/fuselage/test/snapshots/layout-margins--all-prop-desktop.png new file mode 100644 index 0000000000..f703e699bc Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--all-prop-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--block-end-prop-desktop.png b/packages/fuselage/test/snapshots/layout-margins--block-end-prop-desktop.png new file mode 100644 index 0000000000..0c432c148b Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--block-end-prop-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--block-prop-desktop.png b/packages/fuselage/test/snapshots/layout-margins--block-prop-desktop.png new file mode 100644 index 0000000000..8bf3d97c4e Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--block-prop-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--block-start-prop-desktop.png b/packages/fuselage/test/snapshots/layout-margins--block-start-prop-desktop.png new file mode 100644 index 0000000000..952f769f65 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--block-start-prop-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--example-desktop.png b/packages/fuselage/test/snapshots/layout-margins--example-desktop.png new file mode 100644 index 0000000000..e142734092 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--example-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--inline-end-prop-desktop.png b/packages/fuselage/test/snapshots/layout-margins--inline-end-prop-desktop.png new file mode 100644 index 0000000000..473eb76a70 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--inline-end-prop-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--inline-prop-desktop.png b/packages/fuselage/test/snapshots/layout-margins--inline-prop-desktop.png new file mode 100644 index 0000000000..c62f081cf1 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--inline-prop-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--inline-start-prop-desktop.png b/packages/fuselage/test/snapshots/layout-margins--inline-start-prop-desktop.png new file mode 100644 index 0000000000..0c2317efe4 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--inline-start-prop-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--with-auto-value-desktop.png b/packages/fuselage/test/snapshots/layout-margins--with-auto-value-desktop.png new file mode 100644 index 0000000000..6c4d4aac08 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--with-auto-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--with-negative-values-desktop.png b/packages/fuselage/test/snapshots/layout-margins--with-negative-values-desktop.png new file mode 100644 index 0000000000..bbe4fddb49 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--with-negative-values-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--with-non-box-children-desktop.png b/packages/fuselage/test/snapshots/layout-margins--with-non-box-children-desktop.png new file mode 100644 index 0000000000..a306f5adbe Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--with-non-box-children-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-margins--with-none-value-desktop.png b/packages/fuselage/test/snapshots/layout-margins--with-none-value-desktop.png new file mode 100644 index 0000000000..c8af3c3393 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-margins--with-none-value-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-palettestyletag--palette-style-tag-desktop.png b/packages/fuselage/test/snapshots/layout-palettestyletag--palette-style-tag-desktop.png new file mode 100644 index 0000000000..6f6adcbfff Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-palettestyletag--palette-style-tag-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-popover--default-desktop.png b/packages/fuselage/test/snapshots/layout-popover--default-desktop.png new file mode 100644 index 0000000000..ab5c1c84d7 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-popover--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--bottom-end-desktop.png b/packages/fuselage/test/snapshots/layout-position--bottom-end-desktop.png new file mode 100644 index 0000000000..fe5e9a80d4 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--bottom-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--bottom-middle-desktop.png b/packages/fuselage/test/snapshots/layout-position--bottom-middle-desktop.png new file mode 100644 index 0000000000..2d1779d5d3 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--bottom-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--bottom-start-desktop.png b/packages/fuselage/test/snapshots/layout-position--bottom-start-desktop.png new file mode 100644 index 0000000000..e0ba0ee0ff Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--bottom-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--left-end-desktop.png b/packages/fuselage/test/snapshots/layout-position--left-end-desktop.png new file mode 100644 index 0000000000..1c05babbb8 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--left-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--left-middle-desktop.png b/packages/fuselage/test/snapshots/layout-position--left-middle-desktop.png new file mode 100644 index 0000000000..ad8c007b4e Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--left-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--left-start-desktop.png b/packages/fuselage/test/snapshots/layout-position--left-start-desktop.png new file mode 100644 index 0000000000..947adacf19 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--left-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--right-end-desktop.png b/packages/fuselage/test/snapshots/layout-position--right-end-desktop.png new file mode 100644 index 0000000000..f0f9f3f86c Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--right-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--right-middle-desktop.png b/packages/fuselage/test/snapshots/layout-position--right-middle-desktop.png new file mode 100644 index 0000000000..3ad95d84d1 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--right-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--right-start-desktop.png b/packages/fuselage/test/snapshots/layout-position--right-start-desktop.png new file mode 100644 index 0000000000..20806eed91 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--right-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--top-end-desktop.png b/packages/fuselage/test/snapshots/layout-position--top-end-desktop.png new file mode 100644 index 0000000000..6c39594171 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--top-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--top-middle-desktop.png b/packages/fuselage/test/snapshots/layout-position--top-middle-desktop.png new file mode 100644 index 0000000000..c42ed1ceb2 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--top-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-position--top-start-desktop.png b/packages/fuselage/test/snapshots/layout-position--top-start-desktop.png new file mode 100644 index 0000000000..9fe5e11ab6 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-position--top-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--bottom-end-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--bottom-end-desktop.png new file mode 100644 index 0000000000..fe5e9a80d4 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--bottom-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--bottom-middle-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--bottom-middle-desktop.png new file mode 100644 index 0000000000..2d1779d5d3 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--bottom-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--bottom-start-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--bottom-start-desktop.png new file mode 100644 index 0000000000..e0ba0ee0ff Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--bottom-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--left-end-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--left-end-desktop.png new file mode 100644 index 0000000000..1c05babbb8 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--left-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--left-middle-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--left-middle-desktop.png new file mode 100644 index 0000000000..ad8c007b4e Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--left-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--left-start-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--left-start-desktop.png new file mode 100644 index 0000000000..947adacf19 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--left-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--right-end-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--right-end-desktop.png new file mode 100644 index 0000000000..f0f9f3f86c Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--right-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--right-middle-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--right-middle-desktop.png new file mode 100644 index 0000000000..3ad95d84d1 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--right-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--right-start-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--right-start-desktop.png new file mode 100644 index 0000000000..20806eed91 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--right-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--top-end-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--top-end-desktop.png new file mode 100644 index 0000000000..6c39594171 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--top-end-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--top-middle-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--top-middle-desktop.png new file mode 100644 index 0000000000..c42ed1ceb2 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--top-middle-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-positionanimated--top-start-desktop.png b/packages/fuselage/test/snapshots/layout-positionanimated--top-start-desktop.png new file mode 100644 index 0000000000..9fe5e11ab6 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-positionanimated--top-start-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-scrollable--default-desktop.png b/packages/fuselage/test/snapshots/layout-scrollable--default-desktop.png new file mode 100644 index 0000000000..6ed51435ce Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-scrollable--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-scrollable--horizontal-scrolling-desktop.png b/packages/fuselage/test/snapshots/layout-scrollable--horizontal-scrolling-desktop.png new file mode 100644 index 0000000000..03abddf971 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-scrollable--horizontal-scrolling-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-scrollable--on-scroll-content-event-desktop.png b/packages/fuselage/test/snapshots/layout-scrollable--on-scroll-content-event-desktop.png new file mode 100644 index 0000000000..6ed51435ce Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-scrollable--on-scroll-content-event-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-scrollable--smooth-scrolling-desktop.png b/packages/fuselage/test/snapshots/layout-scrollable--smooth-scrolling-desktop.png new file mode 100644 index 0000000000..6ed51435ce Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-scrollable--smooth-scrolling-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-scrollable--vertical-scrolling-desktop.png b/packages/fuselage/test/snapshots/layout-scrollable--vertical-scrolling-desktop.png new file mode 100644 index 0000000000..6ed51435ce Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-scrollable--vertical-scrolling-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-skeleton--circle-variant-desktop.png b/packages/fuselage/test/snapshots/layout-skeleton--circle-variant-desktop.png new file mode 100644 index 0000000000..8bed00d526 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-skeleton--circle-variant-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-skeleton--default-desktop.png b/packages/fuselage/test/snapshots/layout-skeleton--default-desktop.png new file mode 100644 index 0000000000..7a308cf5e1 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-skeleton--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-skeleton--rect-variant-desktop.png b/packages/fuselage/test/snapshots/layout-skeleton--rect-variant-desktop.png new file mode 100644 index 0000000000..f00b8744f5 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-skeleton--rect-variant-desktop.png differ diff --git a/packages/fuselage/test/snapshots/layout-skeleton--text-variant-desktop.png b/packages/fuselage/test/snapshots/layout-skeleton--text-variant-desktop.png new file mode 100644 index 0000000000..7a308cf5e1 Binary files /dev/null and b/packages/fuselage/test/snapshots/layout-skeleton--text-variant-desktop.png differ diff --git a/packages/fuselage/test/snapshots/media-audioplayer--audio-player-default-desktop.png b/packages/fuselage/test/snapshots/media-audioplayer--audio-player-default-desktop.png new file mode 100644 index 0000000000..8da105b7c0 Binary files /dev/null and b/packages/fuselage/test/snapshots/media-audioplayer--audio-player-default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--block-after-header-desktop.png b/packages/fuselage/test/snapshots/message-message--block-after-header-desktop.png new file mode 100644 index 0000000000..ca722d0ddd Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--block-after-header-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--default-desktop.png b/packages/fuselage/test/snapshots/message-message--default-desktop.png new file mode 100644 index 0000000000..55b94d40b2 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--lots-of-reactions-desktop.png b/packages/fuselage/test/snapshots/message-message--lots-of-reactions-desktop.png new file mode 100644 index 0000000000..ad1ac0a99f Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--lots-of-reactions-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-editing-desktop.png b/packages/fuselage/test/snapshots/message-message--message-editing-desktop.png new file mode 100644 index 0000000000..873ff9ef20 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-editing-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-highlighted-desktop.png b/packages/fuselage/test/snapshots/message-message--message-highlighted-desktop.png new file mode 100644 index 0000000000..5b4a3b14da Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-highlighted-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-ordered-list-desktop.png b/packages/fuselage/test/snapshots/message-message--message-ordered-list-desktop.png new file mode 100644 index 0000000000..e2c123cd9e Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-ordered-list-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-pending-desktop.png b/packages/fuselage/test/snapshots/message-message--message-pending-desktop.png new file mode 100644 index 0000000000..285e1fcecc Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-pending-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-selected-desktop.png b/packages/fuselage/test/snapshots/message-message--message-selected-desktop.png new file mode 100644 index 0000000000..a5a0968016 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-selected-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-unordered-list-desktop.png b/packages/fuselage/test/snapshots/message-message--message-unordered-list-desktop.png new file mode 100644 index 0000000000..d16f4a73d7 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-unordered-list-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-with-headings-desktop.png b/packages/fuselage/test/snapshots/message-message--message-with-headings-desktop.png new file mode 100644 index 0000000000..550b001b7f Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-with-headings-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-with-metrics-desktop.png b/packages/fuselage/test/snapshots/message-message--message-with-metrics-desktop.png new file mode 100644 index 0000000000..d5f4c70d47 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-with-metrics-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--message-with-thread-desktop.png b/packages/fuselage/test/snapshots/message-message--message-with-thread-desktop.png new file mode 100644 index 0000000000..c6a55dd412 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--message-with-thread-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-message--with-sequential-desktop.png b/packages/fuselage/test/snapshots/message-message--with-sequential-desktop.png new file mode 100644 index 0000000000..9be28128f8 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-message--with-sequential-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagedivider--default-desktop.png b/packages/fuselage/test/snapshots/message-messagedivider--default-desktop.png new file mode 100644 index 0000000000..618b31d7d5 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagedivider--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagegenericpreview--default-desktop.png b/packages/fuselage/test/snapshots/message-messagegenericpreview--default-desktop.png new file mode 100644 index 0000000000..02c6b18e9a Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagegenericpreview--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagegenericpreview--file-attachment-desktop.png b/packages/fuselage/test/snapshots/message-messagegenericpreview--file-attachment-desktop.png new file mode 100644 index 0000000000..aff0a5bb92 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagegenericpreview--file-attachment-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagegenericpreview--image-preview-desktop.png b/packages/fuselage/test/snapshots/message-messagegenericpreview--image-preview-desktop.png new file mode 100644 index 0000000000..71ac6f021a Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagegenericpreview--image-preview-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagegenericpreview--link-preview-desktop.png b/packages/fuselage/test/snapshots/message-messagegenericpreview--link-preview-desktop.png new file mode 100644 index 0000000000..426732c8aa Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagegenericpreview--link-preview-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagegenericpreview--no-preview-desktop.png b/packages/fuselage/test/snapshots/message-messagegenericpreview--no-preview-desktop.png new file mode 100644 index 0000000000..6e65cc9ae3 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagegenericpreview--no-preview-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagegenericpreview--no-preview-title-link-desktop.png b/packages/fuselage/test/snapshots/message-messagegenericpreview--no-preview-title-link-desktop.png new file mode 100644 index 0000000000..c4ebb09249 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagegenericpreview--no-preview-title-link-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagegenericpreview--thumb-desktop.png b/packages/fuselage/test/snapshots/message-messagegenericpreview--thumb-desktop.png new file mode 100644 index 0000000000..99274aad39 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagegenericpreview--thumb-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagemetrics--default-desktop.png b/packages/fuselage/test/snapshots/message-messagemetrics--default-desktop.png new file mode 100644 index 0000000000..858b5a93f4 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagemetrics--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagemetrics--thread-metrics-desktop.png b/packages/fuselage/test/snapshots/message-messagemetrics--thread-metrics-desktop.png new file mode 100644 index 0000000000..5072736504 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagemetrics--thread-metrics-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagereactions--default-desktop.png b/packages/fuselage/test/snapshots/message-messagereactions--default-desktop.png new file mode 100644 index 0000000000..b93af08a9b Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagereactions--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagestatusindicator--default-desktop.png b/packages/fuselage/test/snapshots/message-messagestatusindicator--default-desktop.png new file mode 100644 index 0000000000..67319d1d99 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagestatusindicator--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagesystem--default-desktop.png b/packages/fuselage/test/snapshots/message-messagesystem--default-desktop.png new file mode 100644 index 0000000000..89f317d8d8 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagesystem--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagesystem--with-long-topic-desktop.png b/packages/fuselage/test/snapshots/message-messagesystem--with-long-topic-desktop.png new file mode 100644 index 0000000000..40fce879a4 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagesystem--with-long-topic-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-messagetoolbar--default-desktop.png b/packages/fuselage/test/snapshots/message-messagetoolbar--default-desktop.png new file mode 100644 index 0000000000..310084c11e Binary files /dev/null and b/packages/fuselage/test/snapshots/message-messagetoolbar--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-threadmessage--default-desktop.png b/packages/fuselage/test/snapshots/message-threadmessage--default-desktop.png new file mode 100644 index 0000000000..81d7f9c020 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-threadmessage--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-threadmessage--with-emoji-desktop.png b/packages/fuselage/test/snapshots/message-threadmessage--with-emoji-desktop.png new file mode 100644 index 0000000000..66ff6850fb Binary files /dev/null and b/packages/fuselage/test/snapshots/message-threadmessage--with-emoji-desktop.png differ diff --git a/packages/fuselage/test/snapshots/message-threadmessage--with-system-message-desktop.png b/packages/fuselage/test/snapshots/message-threadmessage--with-system-message-desktop.png new file mode 100644 index 0000000000..276eafc994 Binary files /dev/null and b/packages/fuselage/test/snapshots/message-threadmessage--with-system-message-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-dropdown--default-desktop.png b/packages/fuselage/test/snapshots/navigation-dropdown--default-desktop.png new file mode 100644 index 0000000000..1dd7afaf5b Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-dropdown--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--as-sidebar-topbar-actions-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--as-sidebar-topbar-actions-desktop.png new file mode 100644 index 0000000000..491b29a1d3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--as-sidebar-topbar-actions-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--complex-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--complex-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--complex-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--controlled-open-state-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--controlled-open-state-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--controlled-open-state-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--item-variants-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--item-variants-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--item-variants-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--menu-display-example-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--menu-display-example-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--menu-display-example-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--menu-map-generic-item-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--menu-map-generic-item-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--menu-map-generic-item-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--scrollable-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--scrollable-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--scrollable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--simple-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--simple-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--simple-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--sizes-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--sizes-desktop.png new file mode 100644 index 0000000000..f3aa73f3ad Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--sizes-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--with-custom-button-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--with-custom-button-desktop.png new file mode 100644 index 0000000000..88ecb7b3ba Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--with-custom-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu--with-sections-desktop.png b/packages/fuselage/test/snapshots/navigation-menu--with-sections-desktop.png new file mode 100644 index 0000000000..64f2f2a2a3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu--with-sections-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--as-sidebar-topbar-actions-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--as-sidebar-topbar-actions-desktop.png new file mode 100644 index 0000000000..5591875442 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--as-sidebar-topbar-actions-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--complex-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--complex-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--complex-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--controlled-open-state-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--controlled-open-state-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--controlled-open-state-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--item-variants-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--item-variants-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--item-variants-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--menu-display-example-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--menu-display-example-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--menu-display-example-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--menu-map-generic-item-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--menu-map-generic-item-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--menu-map-generic-item-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--scrollable-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--scrollable-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--scrollable-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--simple-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--simple-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--simple-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--sizes-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--sizes-desktop.png new file mode 100644 index 0000000000..4b38d668f5 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--sizes-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--with-custom-button-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--with-custom-button-desktop.png new file mode 100644 index 0000000000..15df5a2b22 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--with-custom-button-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-menu-v2--with-sections-desktop.png b/packages/fuselage/test/snapshots/navigation-menu-v2--with-sections-desktop.png new file mode 100644 index 0000000000..b33a2bd0df Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-menu-v2--with-sections-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-navbar--default-desktop.png b/packages/fuselage/test/snapshots/navigation-navbar--default-desktop.png new file mode 100644 index 0000000000..920e8f8a5e Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-navbar--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--as-skeleton-desktop.png b/packages/fuselage/test/snapshots/navigation-option--as-skeleton-desktop.png new file mode 100644 index 0000000000..5925cf2a40 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--as-skeleton-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--as-user-item-desktop.png b/packages/fuselage/test/snapshots/navigation-option--as-user-item-desktop.png new file mode 100644 index 0000000000..f04df04ae3 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--as-user-item-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--default-desktop.png b/packages/fuselage/test/snapshots/navigation-option--default-desktop.png new file mode 100644 index 0000000000..af484ae3cc Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--disabled-desktop.png b/packages/fuselage/test/snapshots/navigation-option--disabled-desktop.png new file mode 100644 index 0000000000..5a1431ffe7 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--with-and-without-icon-desktop.png b/packages/fuselage/test/snapshots/navigation-option--with-and-without-icon-desktop.png new file mode 100644 index 0000000000..e527ff9560 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--with-and-without-icon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--with-avatar-desktop.png b/packages/fuselage/test/snapshots/navigation-option--with-avatar-desktop.png new file mode 100644 index 0000000000..73553a7d71 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--with-avatar-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--with-icon-desktop.png b/packages/fuselage/test/snapshots/navigation-option--with-icon-desktop.png new file mode 100644 index 0000000000..a20effb4fc Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--with-icon-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--with-menu-desktop.png b/packages/fuselage/test/snapshots/navigation-option--with-menu-desktop.png new file mode 100644 index 0000000000..8e972c562c Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--with-menu-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--with-menu-v-2-desktop.png b/packages/fuselage/test/snapshots/navigation-option--with-menu-v-2-desktop.png new file mode 100644 index 0000000000..8e972c562c Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--with-menu-v-2-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-option--with-presence-desktop.png b/packages/fuselage/test/snapshots/navigation-option--with-presence-desktop.png new file mode 100644 index 0000000000..58617fcf04 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-option--with-presence-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options--check-option-story-desktop.png b/packages/fuselage/test/snapshots/navigation-options--check-option-story-desktop.png new file mode 100644 index 0000000000..606a960226 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options--check-option-story-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options--custom-empty-desktop.png b/packages/fuselage/test/snapshots/navigation-options--custom-empty-desktop.png new file mode 100644 index 0000000000..cef8d710c1 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options--custom-empty-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options--default-desktop.png b/packages/fuselage/test/snapshots/navigation-options--default-desktop.png new file mode 100644 index 0000000000..21a4ed92b2 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options--empty-options-desktop.png b/packages/fuselage/test/snapshots/navigation-options--empty-options-desktop.png new file mode 100644 index 0000000000..c54d339fb0 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options--empty-options-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options--option-story-desktop.png b/packages/fuselage/test/snapshots/navigation-options--option-story-desktop.png new file mode 100644 index 0000000000..21a4ed92b2 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options--option-story-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options-optionspaginated--check-option-story-desktop.png b/packages/fuselage/test/snapshots/navigation-options-optionspaginated--check-option-story-desktop.png new file mode 100644 index 0000000000..b7ffe9c626 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options-optionspaginated--check-option-story-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options-optionspaginated--default-desktop.png b/packages/fuselage/test/snapshots/navigation-options-optionspaginated--default-desktop.png new file mode 100644 index 0000000000..7662e47b59 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options-optionspaginated--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-options-optionspaginated--option-story-desktop.png b/packages/fuselage/test/snapshots/navigation-options-optionspaginated--option-story-desktop.png new file mode 100644 index 0000000000..7662e47b59 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-options-optionspaginated--option-story-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-pagination--default-desktop.png b/packages/fuselage/test/snapshots/navigation-pagination--default-desktop.png new file mode 100644 index 0000000000..847aa19d5e Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-pagination--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-pagination--divider-desktop.png b/packages/fuselage/test/snapshots/navigation-pagination--divider-desktop.png new file mode 100644 index 0000000000..681b9bdf41 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-pagination--divider-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-sidebarv2--default-desktop.png b/packages/fuselage/test/snapshots/navigation-sidebarv2--default-desktop.png new file mode 100644 index 0000000000..02ac896be9 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-sidebarv2--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-sidebarv2-item--condensed-desktop.png b/packages/fuselage/test/snapshots/navigation-sidebarv2-item--condensed-desktop.png new file mode 100644 index 0000000000..70ef2117b4 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-sidebarv2-item--condensed-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-sidebarv2-item--extended-desktop.png b/packages/fuselage/test/snapshots/navigation-sidebarv2-item--extended-desktop.png new file mode 100644 index 0000000000..95edbf24ba Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-sidebarv2-item--extended-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-sidebarv2-item--medium-desktop.png b/packages/fuselage/test/snapshots/navigation-sidebarv2-item--medium-desktop.png new file mode 100644 index 0000000000..aa71211fe6 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-sidebarv2-item--medium-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-sidebarv2-media--default-desktop.png b/packages/fuselage/test/snapshots/navigation-sidebarv2-media--default-desktop.png new file mode 100644 index 0000000000..a0a367a4cb Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-sidebarv2-media--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-sidepanel--default-desktop.png b/packages/fuselage/test/snapshots/navigation-sidepanel--default-desktop.png new file mode 100644 index 0000000000..28c989cf18 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-sidepanel--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-tabs--default-desktop.png b/packages/fuselage/test/snapshots/navigation-tabs--default-desktop.png new file mode 100644 index 0000000000..30233951ab Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-tabs--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-tabs--disabled-desktop.png b/packages/fuselage/test/snapshots/navigation-tabs--disabled-desktop.png new file mode 100644 index 0000000000..d97a2272fc Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-tabs--disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-tabs--no-underline-desktop.png b/packages/fuselage/test/snapshots/navigation-tabs--no-underline-desktop.png new file mode 100644 index 0000000000..acca73c426 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-tabs--no-underline-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-tabs--selected-and-disabled-desktop.png b/packages/fuselage/test/snapshots/navigation-tabs--selected-and-disabled-desktop.png new file mode 100644 index 0000000000..7681087c68 Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-tabs--selected-and-disabled-desktop.png differ diff --git a/packages/fuselage/test/snapshots/navigation-tabs--selected-desktop.png b/packages/fuselage/test/snapshots/navigation-tabs--selected-desktop.png new file mode 100644 index 0000000000..7ed16b5fee Binary files /dev/null and b/packages/fuselage/test/snapshots/navigation-tabs--selected-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-item--default-desktop.png b/packages/fuselage/test/snapshots/sidebar-item--default-desktop.png new file mode 100644 index 0000000000..2197d012a1 Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-item--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-sidebar--admin-desktop.png b/packages/fuselage/test/snapshots/sidebar-sidebar--admin-desktop.png new file mode 100644 index 0000000000..fcec9916fa Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-sidebar--admin-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-sidebar--banner-variations-desktop.png b/packages/fuselage/test/snapshots/sidebar-sidebar--banner-variations-desktop.png new file mode 100644 index 0000000000..542cbcff02 Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-sidebar--banner-variations-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-sidebar--custom-banner-content-desktop.png b/packages/fuselage/test/snapshots/sidebar-sidebar--custom-banner-content-desktop.png new file mode 100644 index 0000000000..92d7666e57 Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-sidebar--custom-banner-content-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-sidebar--default-desktop.png b/packages/fuselage/test/snapshots/sidebar-sidebar--default-desktop.png new file mode 100644 index 0000000000..4b30eac8af Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-sidebar--default-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-sidebar--with-banner-desktop.png b/packages/fuselage/test/snapshots/sidebar-sidebar--with-banner-desktop.png new file mode 100644 index 0000000000..968969de49 Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-sidebar--with-banner-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-sidebar--with-footer-desktop.png b/packages/fuselage/test/snapshots/sidebar-sidebar--with-footer-desktop.png new file mode 100644 index 0000000000..c6f6a143ea Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-sidebar--with-footer-desktop.png differ diff --git a/packages/fuselage/test/snapshots/sidebar-topbar--default-desktop.png b/packages/fuselage/test/snapshots/sidebar-topbar--default-desktop.png new file mode 100644 index 0000000000..ded63e1c16 Binary files /dev/null and b/packages/fuselage/test/snapshots/sidebar-topbar--default-desktop.png differ diff --git a/tools/visual-regression/bin/index.js b/tools/visual-regression/bin/index.js new file mode 100755 index 0000000000..5f109f2417 --- /dev/null +++ b/tools/visual-regression/bin/index.js @@ -0,0 +1,39 @@ +#!/usr/bin/env node +import { execSync } from 'child_process'; +import path from 'path'; +import { fileURLToPath } from 'url'; + +const __dirname = path.dirname(fileURLToPath(import.meta.url)); +const toolRoot = path.resolve(__dirname, '..'); +const packageDir = process.cwd(); + +const args = process.argv.slice(2); +const updateSnapshots = args.includes('--update-snapshots') + ? '--update-snapshots' + : ''; + +const runPlaywrightScript = path.join( + toolRoot, + 'scripts', + 'run-playwright-docker.sh', +); + +if (process.env.CI) { + execSync( + `npx -y concurrently -k -s first -n "SB,TEST" "npx -y http-server storybook-static -s -p 6006" "npx -y wait-on tcp:127.0.0.1:6006 && ${runPlaywrightScript} ${updateSnapshots}"`, + { + stdio: 'inherit', + cwd: packageDir, + env: { ...process.env, PACKAGE_DIR: `${packageDir}` }, + }, + ); +} else { + execSync( + `npx -y concurrently -k -s first -n "SB,TEST" "yarn storybook -p 6006 --ci --host 0.0.0.0" "npx -y wait-on tcp:127.0.0.1:6006 && ${runPlaywrightScript} ${updateSnapshots}"`, + { + stdio: 'inherit', + cwd: packageDir, + env: { ...process.env, PACKAGE_DIR: packageDir }, + }, + ); +} diff --git a/tools/visual-regression/package.json b/tools/visual-regression/package.json new file mode 100644 index 0000000000..07514ce29a --- /dev/null +++ b/tools/visual-regression/package.json @@ -0,0 +1,13 @@ +{ + "name": "@rocket.chat/visual-regression", + "version": "0.0.1", + "private": true, + "type": "module", + "bin": "./bin/index.js", + "dependencies": { + "@playwright/test": "~1.58.2" + }, + "devDependencies": { + "typescript": "~5.9.3" + } +} diff --git a/tools/visual-regression/playwright.config.ts b/tools/visual-regression/playwright.config.ts new file mode 100644 index 0000000000..5645adaa67 --- /dev/null +++ b/tools/visual-regression/playwright.config.ts @@ -0,0 +1,44 @@ +import path from 'path'; +import { fileURLToPath } from 'url'; + +import { defineConfig, devices } from '@playwright/test'; + +const __dirname = path.dirname(fileURLToPath(import.meta.url)); + +// The directory of the consuming package (i.e. where playwright is invoked from) +const packageDir = process.env.PACKAGE_DIR ?? process.cwd(); + +const BASE_URL = process.env.TEST_BASE_URL || 'http://localhost:6006'; + +export default defineConfig({ + testDir: path.join(__dirname, 'test'), + fullyParallel: true, + workers: process.env.CI ? 2 : 4, + snapshotPathTemplate: path.join( + packageDir, + 'test/snapshots/{arg}-{projectName}.png', + ), + outputDir: path.join(packageDir, 'test-results'), + reporter: process.env.CI ? 'html' : 'dot', + use: { + baseURL: BASE_URL, + }, + projects: [ + { + name: 'desktop', + use: { + ...devices['Desktop Chrome'], + launchOptions: { + args: [ + '--disable-lcd-text', + '--font-render-hinting=none', + '--disable-skia-runtime-opts', + '--disable-font-subpixel-positioning', + '--disable-accelerated-2d-canvas', + '--disable-gpu', + ], + }, + }, + }, + ], +}); diff --git a/tools/visual-regression/scripts/run-playwright-docker.sh b/tools/visual-regression/scripts/run-playwright-docker.sh new file mode 100755 index 0000000000..3bb0be49d6 --- /dev/null +++ b/tools/visual-regression/scripts/run-playwright-docker.sh @@ -0,0 +1,50 @@ +#!/bin/bash +set -e + +# Script to run Playwright visual regression tests in Docker. +# Storybook should be running on the host system at port 6006. +# +# Environment variables (set by bin/index.js): +# PACKAGE_DIR - absolute path to the consuming package (e.g. /repo/packages/fuselage) + +PACKAGE_DIR="${PACKAGE_DIR:-$(pwd)}" + +# Derive monorepo root from git +MONOREPO_ROOT="$(git -C "${PACKAGE_DIR}" rev-parse --show-toplevel)" + +# Relative path of consuming package inside the monorepo (e.g. packages/fuselage) +REL_PACKAGE_PATH="$(node -e "console.log(require('path').relative('${MONOREPO_ROOT}', '${PACKAGE_DIR}'))")" + + +BASE_URL="http://host.docker.internal:6006" + +# Check if update-snapshots flag is passed +UPDATE_SNAPSHOTS="" +if [[ "$*" == *"--update-snapshots"* ]]; then + UPDATE_SNAPSHOTS="--update-snapshots" +fi + +DOCKER_PW_IMAGE="mcr.microsoft.com/playwright:v1.58.2-noble" + +echo "Running Playwright tests in Docker container for ${REL_PACKAGE_PATH} with env:" +echo "PACKAGE_DIR: ${PACKAGE_DIR}" +echo "MONOREPO_ROOT: ${MONOREPO_ROOT}" +echo "REL_PACKAGE_PATH: ${REL_PACKAGE_PATH}" +echo "TEST_BASE_URL: ${BASE_URL}" +echo "CI: ${CI:-false}" +echo "UPDATE_SNAPSHOTS: ${UPDATE_SNAPSHOTS}" +echo "DOCKER_PW_IMAGE: ${DOCKER_PW_IMAGE}" + +docker run --rm \ + --init \ + --ipc=host \ + --add-host=host.docker.internal:host-gateway \ + -e TEST_BASE_URL="${BASE_URL}" \ + -e CI="${CI:-false}" \ + -e PACKAGE_DIR="/app/${REL_PACKAGE_PATH}" \ + -v "${MONOREPO_ROOT}:/app" \ + -w "/app/${REL_PACKAGE_PATH}" \ + "${DOCKER_PW_IMAGE}" \ + npx -y playwright@1.58.2 test --config="/app/tools/visual-regression/playwright.config.ts" ${UPDATE_SNAPSHOTS} + +echo "Playwright tests completed!" diff --git a/tools/visual-regression/test/visualRegression.spec.ts b/tools/visual-regression/test/visualRegression.spec.ts new file mode 100644 index 0000000000..6508b7a62d --- /dev/null +++ b/tools/visual-regression/test/visualRegression.spec.ts @@ -0,0 +1,44 @@ +import fs from 'fs'; +import path from 'path'; + +import { expect, test } from '@playwright/test'; + +const packageDir = process.env.PACKAGE_DIR ?? process.cwd(); + +const storybookStaticDir = + path.join(packageDir, 'storybook-static') ?? + path.join(process.cwd(), 'storybook-static'); + +const storybook = JSON.parse( + fs.readFileSync(path.join(storybookStaticDir, 'index.json'), 'utf-8'), +); + +// Only run tests on stories, not other documentation pages. +const stories = Object.values(storybook.entries).filter( + (e: any) => e.type === 'story', +); + +for (const story of stories as any[]) { + test(`${story.title} ${story.name} should not have visual regressions`, async ({ + page, + }) => { + const params = new URLSearchParams({ + id: story.id, + viewMode: 'story', + }); + + await page.goto(`/iframe.html?${params.toString()}`, { + waitUntil: 'domcontentloaded', + }); + + await page.evaluate(() => document.fonts.ready); + + const storybookRoot = page.locator('#storybook-root'); + await storybookRoot.waitFor({ state: 'visible' }); + + await expect(page).toHaveScreenshot(`${story.id}.png`, { + fullPage: true, + animations: 'disabled', + }); + }); +} diff --git a/turbo.json b/turbo.json index 15a61ced19..f29db81580 100644 --- a/turbo.json +++ b/turbo.json @@ -19,6 +19,10 @@ "build-storybook": { "dependsOn": ["^build"], "outputs": ["storybook-static/**"] + }, + "visual-regression": { + "dependsOn": ["^build-storybook"], + "outputs": [] } } } diff --git a/yarn.lock b/yarn.lock index 8d0c4ef002..64476f7d85 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3861,6 +3861,17 @@ __metadata: languageName: node linkType: hard +"@playwright/test@npm:~1.58.2": + version: 1.58.2 + resolution: "@playwright/test@npm:1.58.2" + dependencies: + playwright: "npm:1.58.2" + bin: + playwright: cli.js + checksum: 10/58bf90139280a0235eeeb6049e9fb4db6425e98be1bf0cc17913b068eef616cf67be57bfb36dc4cb56bcf116f498ffd0225c4916e85db404b343ea6c5efdae13 + languageName: node + linkType: hard + "@prettier/plugin-xml@npm:~3.4.2": version: 3.4.2 resolution: "@prettier/plugin-xml@npm:3.4.2" @@ -5616,6 +5627,7 @@ __metadata: "@rocket.chat/memo": "workspace:~" "@rocket.chat/storybook-dark-mode": "workspace:~" "@rocket.chat/styled": "workspace:~" + "@rocket.chat/visual-regression": "workspace:~" "@storybook/addon-a11y": "npm:~9.1.17" "@storybook/addon-docs": "npm:~9.1.17" "@storybook/addon-links": "npm:~9.1.17" @@ -5945,6 +5957,17 @@ __metadata: languageName: unknown linkType: soft +"@rocket.chat/visual-regression@workspace:tools/visual-regression, @rocket.chat/visual-regression@workspace:~": + version: 0.0.0-use.local + resolution: "@rocket.chat/visual-regression@workspace:tools/visual-regression" + dependencies: + "@playwright/test": "npm:~1.58.2" + typescript: "npm:~5.9.3" + bin: + visual-regression: ./bin/index.js + languageName: unknown + linkType: soft + "@rollup/plugin-commonjs@npm:~28.0.9": version: 28.0.9 resolution: "@rollup/plugin-commonjs@npm:28.0.9" @@ -11480,6 +11503,16 @@ __metadata: languageName: node linkType: hard +"fsevents@npm:2.3.2": + version: 2.3.2 + resolution: "fsevents@npm:2.3.2" + dependencies: + node-gyp: "npm:latest" + checksum: 10/6b5b6f5692372446ff81cf9501c76e3e0459a4852b3b5f1fc72c103198c125a6b8c72f5f166bdd76ffb2fca261e7f6ee5565daf80dca6e571e55bcc589cc1256 + conditions: os=darwin + languageName: node + linkType: hard + "fsevents@npm:^2.3.3, fsevents@npm:~2.3.2": version: 2.3.3 resolution: "fsevents@npm:2.3.3" @@ -11490,6 +11523,15 @@ __metadata: languageName: node linkType: hard +"fsevents@patch:fsevents@npm%3A2.3.2#optional!builtin": + version: 2.3.2 + resolution: "fsevents@patch:fsevents@npm%3A2.3.2#optional!builtin::version=2.3.2&hash=df0bf1" + dependencies: + node-gyp: "npm:latest" + conditions: os=darwin + languageName: node + linkType: hard + "fsevents@patch:fsevents@npm%3A^2.3.3#optional!builtin, fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin": version: 2.3.3 resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin::version=2.3.3&hash=df0bf1" @@ -15729,6 +15771,30 @@ __metadata: languageName: node linkType: hard +"playwright-core@npm:1.58.2": + version: 1.58.2 + resolution: "playwright-core@npm:1.58.2" + bin: + playwright-core: cli.js + checksum: 10/8a98fcf122167e8703d525db2252de0e3da4ab9110ab6ea9951247e52d846310eb25ea2c805e1b7ccb54b4010c44e5adc3a76aae6da02f34324ccc3e76683bb1 + languageName: node + linkType: hard + +"playwright@npm:1.58.2": + version: 1.58.2 + resolution: "playwright@npm:1.58.2" + dependencies: + fsevents: "npm:2.3.2" + playwright-core: "npm:1.58.2" + dependenciesMeta: + fsevents: + optional: true + bin: + playwright: cli.js + checksum: 10/d89d6c8a32388911b9aff9ee0f1a90076219f15c804f2b287db048b9e9cde182aea3131fac1959051d25189ed4218ec4272b137c83cd7f9cd24781cbc77edd86 + languageName: node + linkType: hard + "possible-typed-array-names@npm:^1.0.0": version: 1.0.0 resolution: "possible-typed-array-names@npm:1.0.0"