From 1f7b8e670a0f7812494375570d076a7c33142062 Mon Sep 17 00:00:00 2001 From: Olga Bulat Date: Mon, 24 Apr 2023 16:19:44 +0300 Subject: [PATCH] Update the VFilterButton to use the new variants (#1132) * Update VR snapshots * Fix snapshots * Fix snapshot * Use the new variants for filter button * Update VFilterButton Storybook tests * Update stories to make the visual changes easier to see * Update snapshots * Try to fix flaky test --- .../src/components/VHeader/VFilterButton.vue | 9 +--- .../VHeader/meta/VFilterButton.stories.mdx | 10 +++- .../pages/pages-single-result.spec.ts | 43 ++++++++------- .../visual-regression/v-filter-button.spec.ts | 49 +++++++++++++----- ...lter-button-at-rest-0-checked-sm-linux.png | Bin 467 -> 410 bytes ...lter-button-at-rest-0-checked-xl-linux.png | Bin 989 -> 1061 bytes ...lter-button-at-rest-1-checked-sm-linux.png | Bin 373 -> 503 bytes ...lter-button-at-rest-1-checked-xl-linux.png | Bin 989 -> 1132 bytes ...ter-button-at-rest-12-checked-sm-linux.png | Bin 601 -> 728 bytes ...ter-button-at-rest-12-checked-xl-linux.png | Bin 1177 -> 1323 bytes ...lter-button-focused-0-checked-sm-linux.png | Bin 0 -> 566 bytes ...lter-button-focused-0-checked-xl-linux.png | Bin 0 -> 1225 bytes ...lter-button-focused-1-checked-sm-linux.png | Bin 0 -> 665 bytes ...lter-button-focused-1-checked-xl-linux.png | Bin 0 -> 1299 bytes ...ter-button-focused-12-checked-sm-linux.png | Bin 0 -> 873 bytes ...ter-button-focused-12-checked-xl-linux.png | Bin 0 -> 1482 bytes ...ton-focused-pressed-0-checked-sm-linux.png | Bin 748 -> 0 bytes ...ton-focused-pressed-0-checked-xl-linux.png | Bin 1351 -> 0 bytes ...ton-focused-pressed-1-checked-sm-linux.png | Bin 729 -> 0 bytes ...ton-focused-pressed-1-checked-xl-linux.png | Bin 1319 -> 0 bytes ...on-focused-pressed-12-checked-sm-linux.png | Bin 928 -> 0 bytes ...on-focused-pressed-12-checked-xl-linux.png | Bin 1475 -> 0 bytes ...lter-button-hovered-0-checked-sm-linux.png | Bin 493 -> 447 bytes ...lter-button-hovered-0-checked-xl-linux.png | Bin 1093 -> 1113 bytes ...lter-button-hovered-1-checked-sm-linux.png | Bin 491 -> 534 bytes ...lter-button-hovered-1-checked-xl-linux.png | Bin 1097 -> 1186 bytes ...ter-button-hovered-12-checked-sm-linux.png | Bin 716 -> 777 bytes ...ter-button-hovered-12-checked-xl-linux.png | Bin 1279 -> 1368 bytes ...lter-button-pressed-0-checked-sm-linux.png | Bin 463 -> 417 bytes ...lter-button-pressed-0-checked-xl-linux.png | Bin 1085 -> 1069 bytes ...lter-button-pressed-1-checked-sm-linux.png | Bin 457 -> 415 bytes ...lter-button-pressed-1-checked-xl-linux.png | Bin 1051 -> 1041 bytes ...ter-button-pressed-12-checked-sm-linux.png | Bin 672 -> 630 bytes ...ter-button-pressed-12-checked-xl-linux.png | Bin 1219 -> 1202 bytes ...ton-pressed-focused-0-checked-sm-linux.png | Bin 0 -> 612 bytes ...ton-pressed-focused-0-checked-xl-linux.png | Bin 0 -> 1201 bytes ...ton-pressed-focused-1-checked-sm-linux.png | Bin 0 -> 623 bytes ...ton-pressed-focused-1-checked-xl-linux.png | Bin 0 -> 1177 bytes ...on-pressed-focused-12-checked-sm-linux.png | Bin 0 -> 829 bytes ...on-pressed-focused-12-checked-xl-linux.png | Bin 0 -> 1332 bytes ...ton-pressed-hovered-0-checked-sm-linux.png | Bin 447 -> 402 bytes ...ton-pressed-hovered-0-checked-xl-linux.png | Bin 1055 -> 1044 bytes ...ton-pressed-hovered-1-checked-sm-linux.png | Bin 449 -> 405 bytes ...ton-pressed-hovered-1-checked-xl-linux.png | Bin 1038 -> 1029 bytes ...on-pressed-hovered-12-checked-sm-linux.png | Bin 671 -> 632 bytes ...on-pressed-hovered-12-checked-xl-linux.png | Bin 1222 -> 1212 bytes .../desktop-header-internal-rtl-2xl-linux.png | Bin 6861 -> 6857 bytes 47 files changed, 70 insertions(+), 41 deletions(-) create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-sm-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-0-checked-xl-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-sm-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-1-checked-xl-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-sm-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-12-checked-xl-linux.png delete mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-pressed-0-checked-sm-linux.png delete mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-pressed-0-checked-xl-linux.png delete mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-pressed-1-checked-sm-linux.png delete mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-pressed-1-checked-xl-linux.png delete mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-pressed-12-checked-sm-linux.png delete mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-focused-pressed-12-checked-xl-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-sm-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-0-checked-xl-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-sm-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-1-checked-xl-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-sm-linux.png create mode 100644 frontend/test/storybook/visual-regression/v-filter-button.spec.ts-snapshots/filter-button-pressed-focused-12-checked-xl-linux.png diff --git a/frontend/src/components/VHeader/VFilterButton.vue b/frontend/src/components/VHeader/VFilterButton.vue index 15c81c4d50..4c2b597962 100644 --- a/frontend/src/components/VHeader/VFilterButton.vue +++ b/frontend/src/components/VHeader/VFilterButton.vue @@ -1,14 +1,9 @@