From cb94d7c66813efda1ec5e3cf8bd3db3eaf268017 Mon Sep 17 00:00:00 2001 From: Olga Bulat Date: Wed, 15 Feb 2023 08:38:55 +0300 Subject: [PATCH] Add e2e test --- src/layouts/content-layout.vue | 2 +- .../e2e/filters-sidebar-keyboard.spec.ts | 72 ++++++++++++++++++ test/playwright/e2e/header-internal.spec.ts | 2 +- .../v-filter-button-old.spec.ts | 60 --------------- .../filter-button-old-2-filters-md-linux.png | Bin 5168 -> 0 bytes ...on-old-2-filters-not-scrolled-xs-linux.png | Bin 3927 -> 0 bytes ...-button-old-2-filters-pressed-md-linux.png | Bin 5191 -> 0 bytes ...button-old-2-filters-scrolled-xs-linux.png | Bin 2967 -> 0 bytes .../filter-button-old-at-rest-md-linux.png | Bin 5012 -> 0 bytes ...n-old-no-filters-not-scrolled-xs-linux.png | Bin 2557 -> 0 bytes ...utton-old-no-filters-scrolled-xs-linux.png | Bin 2557 -> 0 bytes .../filter-button-old-pressed-md-linux.png | Bin 4984 -> 0 bytes 12 files changed, 74 insertions(+), 62 deletions(-) create mode 100644 test/playwright/e2e/filters-sidebar-keyboard.spec.ts delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-md-linux.png delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-not-scrolled-xs-linux.png delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-pressed-md-linux.png delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-scrolled-xs-linux.png delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-at-rest-md-linux.png delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-not-scrolled-xs-linux.png delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-scrolled-xs-linux.png delete mode 100644 test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-pressed-md-linux.png diff --git a/src/layouts/content-layout.vue b/src/layouts/content-layout.vue index 47a4104926..8a1e0d9fb6 100644 --- a/src/layouts/content-layout.vue +++ b/src/layouts/content-layout.vue @@ -34,7 +34,7 @@
diff --git a/test/playwright/e2e/filters-sidebar-keyboard.spec.ts b/test/playwright/e2e/filters-sidebar-keyboard.spec.ts new file mode 100644 index 0000000000..717381c8f9 --- /dev/null +++ b/test/playwright/e2e/filters-sidebar-keyboard.spec.ts @@ -0,0 +1,72 @@ +import { test, expect, Page } from "@playwright/test" + +import { + LanguageDirection, + pathWithDir, + setCookies, + t, +} from "~~/test/playwright/utils/navigation" + +import { keycodes } from "~/constants/key-codes" + +const isFilterButtonFocused = async (page: Page) => { + return page.evaluate(() => document.activeElement?.id === "filter-button") +} + +const walkToFilterButton = async (page: Page) => { + while (!(await isFilterButtonFocused(page))) { + await page.keyboard.press(keycodes.Tab) + } +} + +const firstFilterCheckbox = (page: Page, dir: LanguageDirection) => { + return page + .getByRole("region", { name: t("filters.filter-by", dir) }) + .getByRole("checkbox") + .first() +} + +test.describe.configure({ mode: "parallel" }) + +for (const dir of ["ltr", "rtl"]) { + test.describe(`search header keyboard accessibility test in ${dir}`, () => { + test.beforeEach(async ({ page }) => { + await setCookies(page.context(), { uiBreakpoint: "lg" }) + /** + * To simplify finding the last focusable element in the filters sidebar, + * we use the image search page. After the removal of the "searchBy" filter, + * the last element on the all media search page is the "license explanation" + * button, not a checkbox. + */ + await page.goto(pathWithDir("/search/image?q=birds", dir)) + }) + + test("should move focus to the sidebar after header", async ({ page }) => { + await walkToFilterButton(page) + + // Check that the filters sidebar is open + expect( + await page.locator("#filter-button").getAttribute("aria-expanded") + ).toBe("true") + + await page.keyboard.press(keycodes.Tab) + + await expect( + firstFilterCheckbox(page, dir as LanguageDirection) + ).toBeFocused() + }) + + test("should move focus to main after filters sidebar", async ({ + page, + }) => { + await page.getByRole("checkbox").last().focus() + + await page.keyboard.press(keycodes.Tab) + + const href = await page.evaluate( + () => (document.activeElement as HTMLAnchorElement | null)?.href + ) + expect(href).toBeDefined() + }) + }) +} diff --git a/test/playwright/e2e/header-internal.spec.ts b/test/playwright/e2e/header-internal.spec.ts index 28d5a09138..f4f30154ec 100644 --- a/test/playwright/e2e/header-internal.spec.ts +++ b/test/playwright/e2e/header-internal.spec.ts @@ -86,7 +86,7 @@ test.describe("Header internal", () => { const homeUrl = page.url() await clickMenuButton(page) await page.getByRole("link", { name: t("navigation.about") }).click() - await page.locator("a[href='/']").click() + await page.getByRole("link", { name: t("header.home-link") }).click() expect(page.url()).toBe(homeUrl) }) }) diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts b/test/storybook/visual-regression/v-filter-button-old.spec.ts deleted file mode 100644 index 9cfc23972c..0000000000 --- a/test/storybook/visual-regression/v-filter-button-old.spec.ts +++ /dev/null @@ -1,60 +0,0 @@ -import { test } from "@playwright/test" - -import breakpoints from "~~/test/playwright/utils/breakpoints" -import { makeGotoWithArgs } from "~~/test/storybook/utils/args" - -const gotoWithArgs = makeGotoWithArgs( - "components-vheaderold-vfilterbuttonold--default-story" -) - -test.describe.configure({ mode: "parallel" }) - -test.describe("VFilterButtonOld", () => { - breakpoints.describeMd(({ expectSnapshot }) => { - test("no filters applied", async ({ page }) => { - await gotoWithArgs(page, { isMinMd: true }) - await expectSnapshot("filter-button-old-at-rest", page) - }) - - test("no filters pressed", async ({ page }) => { - await gotoWithArgs(page, { isMinMd: true, pressed: true }) - await expectSnapshot("filter-button-old-pressed", page) - }) - - test("filters applied", async ({ page }) => { - await gotoWithArgs(page, { isMinMd: true, appliedFilters: 2 }) - await expectSnapshot("filter-button-old-2-filters", page) - }) - - test("filters applied and pressed", async ({ page }) => { - await gotoWithArgs(page, { - isMinMd: true, - appliedFilters: 2, - pressed: true, - }) - await expectSnapshot("filter-button-old-2-filters-pressed", page) - }) - }) - - breakpoints.describeXs(({ expectSnapshot }) => { - test("no filters applied and not scrolled", async ({ page }) => { - await gotoWithArgs(page) - await expectSnapshot("filter-button-old-no-filters-not-scrolled", page) - }) - - test("no filters but scrolled", async ({ page }) => { - await gotoWithArgs(page, { scrolled: true }) - await expectSnapshot("filter-button-old-no-filters-scrolled", page) - }) - - test("2 filters not scrolled", async ({ page }) => { - await gotoWithArgs(page, { appliedFilters: 2 }) - await expectSnapshot("filter-button-old-2-filters-not-scrolled", page) - }) - - test("2 filters and scrolled", async ({ page }) => { - await gotoWithArgs(page, { appliedFilters: 2, scrolled: true }) - await expectSnapshot("filter-button-old-2-filters-scrolled", page) - }) - }) -}) diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-md-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-md-linux.png deleted file mode 100644 index 459a87ac9c3a04cfcdcc88dd48b24409f11347d8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5168 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 diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-2-filters-scrolled-xs-linux.png deleted file mode 100644 index 7e0cac87ce34c4cede2acfa5ee52cda4a517288c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2967 zcmeAS@N?(olHy`uVBq!ia0y~yU<_ekVA{jM1{B$l>wX+aF%}28J29*~C-ahlfjiLC z#WAE}&fB|ZSLd?I9)Ea0mz~|ZJ&kK0?_NpO3U;L#`X-Z9TG9l0d8W+L{LwaRmcF3L zS*|>Vg;(wiIo)w9%xCsr+_LA;&Ihu04klU(EG>9)Pd=9Y{AZr;Y5MyX^JlN$nlLwV zTB;;N*|)7**%@j=IkX&H0vMH=xC8`48afs*xv+>TD6L=+bY$(oCiUrSEPuh+j1Jtoe7kjw^}|fwwkS=>#fX{$pV-C z=Pc1Z@ba+~X%<4=^5zfMl-QUbzgvI4zFj}FK6a1E=}l*H)AMJ`|No+1eEn|uT1)N( z?euA>k!6+#e*dqnUwwb?=k4Xsj;6=YNR52<=56}(GjnEoi|d~~bH;o9ew*+2>hFgg z-}|ra_4Z$~2iArCKK=jN?D}~?r4!xj&GP5`Km6z2pZCu%#@m<~8|Ux;c`a%)!?tZv z0r`7gF5CIM`umw?e%l`})4$t&_!#-J`hR8q+DL}z=(kd@xcC2hnr^rI$N6q!8?9=tn|Gi(I zQ1{_*`?Yy2A9k*lyRvxk;>u?qmp{AT-d_BCXYuDRpUTUae>%lKXaQ%Wbt&9u!k|2F^Kn$EEN#<}$l zj1Q96EhLoi@TAF6DIzoPXh4ky6t04OG;NHgjnTA0OcQ7{rwpN-V#l;4ZN9(jr9L}g POPj&d)z4*}Q$iB}NJV6C diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-at-rest-md-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-at-rest-md-linux.png deleted file mode 100644 index 0e3bad08441dc8158402128819add128c1aca2a1..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5012 zcmeI0TU1k58pk(UjfzO8j4%}lGqn|*YOswUC=kb?3te_d$6kQuK1k;ELtwwBI+e6`g{p`!aTc4q4P= z0Kzi&r2pZqW6iVLoc0gO7@|4dt<{*vGLb~m#Wu&`)+C9TJoPfw=q|gH>bAd ze|Gvpq9Q!_v%S6h)?dk8_15A0jmm}RA~z~OJQa5`?l-)XaS8QX?$y5fS}m#m`1RxC zn7dcc|M`+^HC69%z33_EWH?w}hdTbrfNF}Yeuxg#&r12kogZ8hu|cT*ZV4*8oa`x_6sl(?=V(>JrrRR5?rG;*Tkl~B#7EI61Wr#c%9 zV_f%U4A5^Z{_*|FP1b+z5GD**x;>^oO{wPahQ3dF$tv0RRqx1y9gOQ|vCBYp^r1H4 zl7-tRLe}`$OUgAR+X{;SutuU*;{FGFKOcwa{eGVfs&DIbOU`1^bo4bCc2rhJ8w?(y zsWz?Lq^WC~W;z#>ZTIjbFW+vnbutz0`@7#8r*`-r!X(3YpA(f=0O*o#Y5>RDm(Gii z+M>Co3MOO^&X9b%_T@y417WZUc>Kk@BkGiS>-wA&pEn&%B=M!a8^GBr@!XDs!oop| zB&Jd?7{d*ujE+lE5bFqMJab3tW6v^hsbKUOQMVVJW~(^M1J;Hw_@&avO1a}Hq&IJ!j-t~mf>s;Ns8RGAV%cQ z##pIDvX(8NPkAx1(i%7~iRGR9V`7daghC&QVm(~hR5IY>KPe;`&((PqgZdheY_iSV zY9kyoZ-TmKrV;^YePKT1oQmmaob54}shCU>NkAVtW9tahCFAj-6m1e74-FZV>i#3s zn;;*{?^_SCX2QuP&zBLhSuUeQ=D%G*oq2M$acO9!ny%N1>%st7EVz&hira_|_LbQ( zd#gq3X=!NS*_vpw7Tq9~BgR(D{4Ja2=T|5>?A{_xhn#K%9ILl1k@RqP?w*9i{y)gdEN zhumm~xJ-esR|CK4cVFc#gt41-ga=OJy!-&~Ozd)SDSvdi2+I3#E>tVH*AafLSlyGI zo7-%EqNJ2>c<|SeH7!KQL9uaTyiKn2gwzre$t)l%2AvB|853jLW}!O=u&70}jv6jE zr-i0j^>pjUp>latrPbusGK_bL^rL2%yoxk(B81b`)pY1t&n)xrIMd~qoEIj+)bBtxeqxS|6`MpMmMv#cdXABxwVEh0eyDykN*hvvgD`Sr3 z9G;>%vZ;?A)XHcUuQ``tC?rkt%kZ{GDw@yCCZu(G4JeHiZSc+b$t?sP+)DlK`OC6b zC{^!eZFgI1U|HwTTnMMXKM6vH?PyF}D9o`YxSgXDrb5r5!M#5g9uX12B^{?|efDJi zOYu|h*t()CI?;B}Q}_c+ONhUet3MAe^y#0Fx5$QVJj?fRq4I0w4{5^l5T3UNG)S{ diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-not-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-not-scrolled-xs-linux.png deleted file mode 100644 index 5cf2ddb2aab8bb7a07b530919cd32c9be53be971..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2557 zcmeAS@N?(olHy`uVBq!ia0y~yU<_ekVA{jM1{B$l>wX+aF%}28J29*~C-ahlfpfd3 zi(^Q|oVT|Oy_g*(8UmH&j`{7G;47f~#6qlV$w#N8=eftU<~FIs&)KmjTyOWA_}Vi( zo28O_xEcD&EUOtBmI{P4bSz+UVG&hOTEQUb$lAf7<=_&)sMN$IAV?jln6p1#zWsXE z@&4ZWx+9YrN|v#dZmym4F}h)LRIlN&H;N3?4oGS_q@0>o|NdXz-__sa?w6_0V|h>! z26Rt45Nn4toVa3qW$*Om&-3To=a|>qa2|MgF6s3D%dYj}KO6r)(P`q^z;ceNZl-!5 zj2cMOG&UN%qrpqvQfo9tji#v46h*sM!HCXZKbg9}sV)7}mSYEO&oOwq`njxgN@xNA DvGZno diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-scrolled-xs-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-no-filters-scrolled-xs-linux.png deleted file mode 100644 index 5cf2ddb2aab8bb7a07b530919cd32c9be53be971..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2557 zcmeAS@N?(olHy`uVBq!ia0y~yU<_ekVA{jM1{B$l>wX+aF%}28J29*~C-ahlfpfd3 zi(^Q|oVT|Oy_g*(8UmH&j`{7G;47f~#6qlV$w#N8=eftU<~FIs&)KmjTyOWA_}Vi( zo28O_xEcD&EUOtBmI{P4bSz+UVG&hOTEQUb$lAf7<=_&)sMN$IAV?jln6p1#zWsXE z@&4ZWx+9YrN|v#dZmym4F}h)LRIlN&H;N3?4oGS_q@0>o|NdXz-__sa?w6_0V|h>! z26Rt45Nn4toVa3qW$*Om&-3To=a|>qa2|MgF6s3D%dYj}KO6r)(P`q^z;ceNZl-!5 zj2cMOG&UN%qrpqvQfo9tji#v46h*sM!HCXZKbg9}sV)7}mSYEO&oOwq`njxgN@xNA DvGZno diff --git a/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-pressed-md-linux.png b/test/storybook/visual-regression/v-filter-button-old.spec.ts-snapshots/filter-button-old-pressed-md-linux.png deleted file mode 100644 index 2dfc4064e1d068fd581ba73dda55691e6c9ac43b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4984 zcmeHLUr>`*7QbLsbj7sm7!)W}I;}ecfod#)4M{AOB16&LQVA6K*Tqmbkw_yTBmtML zwMbj4&Y($S(vIt7wuT@^i6KBhmZFe+Dd<81B(VyKKtg~-k}u&)`uWtiy4~IBQ|`m> z-iI@D&pqe-e&^oX_@@Kup&P?D0sulY_V0TSfHmkcxGQ8GI_3Iwd(bI}^CN)2vp;&Ar#tV_ zf;K3J$;$}myk$VZgGHuNqrfgmcEsi7=H_k#;FXfuu_)B5lfDoXLtaAR#TXP`*@wd3 z&rmq^Vi1Zuf>B6)0fkSVV>ro}3#O|OTk^uOLCwT1I$~JmX@F+8=Exu)vM-j&x}Fp^O`-s&;S08q_F!w$2UwUx4i{`?rb6)yB9-p{*dJM zAH6=EZr=*P5h?1@ul4H}4v_NqH5l?oo7u>Z`Rq;To{SFt#2N;!dWvhgZ>*jA)4W{S;`h8}{Fh0OvIh4pOf4U!;79 z3oS=!E%60^JV=J89X&+=grjDMYxMk9(w%pNv-c71%49WprI9{v@+tGn`Mgl={;pL^ zAz3V_n6uVDq|=nPj<4I0VHL#3wDBgH$lw<%6?ceViewO}tO`C|KvPj|csxEfM{?;x zoqala^|Nu!&_#*hmcP4-?46A;^P4#*uvlz|x@jGFxK@+as~zdIbD2GhaDqgI9F!Y+ z`fM*#+k~pyz68r%Lgbs6I!B*kp6*X%+vQq`!aM|D9q+2W^3?Za)TPDLEiQ6q?94)y z?M`MqUyhiW>ZZb*nyFd`PKK;dHZ_X4SIBA1b!F* z!q&7fpq0Okp`2)vuorizQtZHkm6fzk?w>`Ka+}vwy0L ztQ-k<8N7DcU?Cg2Cl>7%d7Ysw3)L<#QEY15?gUg9n&Ls?_)f2Oti|(Gc!((B^LPbC zig~MNsDN;rslRbV_MvyH1Mwq1&oPYO)F07WF*aNOM%iWdN+joQpJSrGh=|8m8!Ieb zer}kSRBh~ zZ`YD0U7P=9&HU=@Of;VmS@nP>+y+iHq(y*1k#j*j)uXG!J-N42B)FP+5nA3Fo0xRr z_#{paMVL-FBVCY*-vlX-(`Z#NTwv}F6A)cfm9EvL*P=P!S5l>ilPv|DK8D;-#qwl` zH8#0{?0?!jZov(9RaVvMA(^dX61vh%?o2C+03acyDG?aCqZIIRoud`L4+uIQc2$*i$}J~AbC+|pzV%j$sdh1+HBu7>4N5!Bd9B=uMlmEN z*C26uH%d3BxWB1!o=Z1BrWO&)L=|H#oD2ZEPT}%&|MLIg);7#gO)bTzM;ihkYuk>h zXt84pivOe3{w!&XkAd~}