From 2dd818a739b2077705da8b8fb921cb5ff3d69db3 Mon Sep 17 00:00:00 2001 From: theJohnnyMe Date: Fri, 8 Dec 2023 11:46:09 +0100 Subject: [PATCH 01/49] release: @scania/tegel@1.3.3 (#458) Co-authored-by: theJohnnyMe --- packages/angular/package-lock.json | 4 ++-- packages/angular/package.json | 2 +- packages/core/package-lock.json | 4 ++-- packages/core/package.json | 2 +- packages/react/package-lock.json | 4 ++-- packages/react/package.json | 2 +- 6 files changed, 9 insertions(+), 9 deletions(-) diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json index 9d91d1647..369df8fb5 100644 --- a/packages/angular/package-lock.json +++ b/packages/angular/package-lock.json @@ -1,12 +1,12 @@ { "name": "@scania/tegel-angular", - "version": "1.3.2", + "version": "1.3.3", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@scania/tegel-angular", - "version": "1.3.2", + "version": "1.3.3", "dependencies": { "@scania/tegel": "1.3.0", "tslib": "^2.3.0" diff --git a/packages/angular/package.json b/packages/angular/package.json index 3125802f8..dc6bb609a 100644 --- a/packages/angular/package.json +++ b/packages/angular/package.json @@ -1,6 +1,6 @@ { "name": "@scania/tegel-angular", - "version": "1.3.2", + "version": "1.3.3", "description": "Angular wrappers for Tegel package", "main": "dist", "files": [ diff --git a/packages/core/package-lock.json b/packages/core/package-lock.json index 3472a3cc8..4a6979d5d 100644 --- a/packages/core/package-lock.json +++ b/packages/core/package-lock.json @@ -1,12 +1,12 @@ { "name": "@scania/tegel", - "version": "1.3.2", + "version": "1.3.3", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@scania/tegel", - "version": "1.3.2", + "version": "1.3.3", "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.8", diff --git a/packages/core/package.json b/packages/core/package.json index 35343d913..b47b79946 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@scania/tegel", - "version": "1.3.2", + "version": "1.3.3", "description": "Tegel Design System", "type": "module", "keywords": [ diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json index 366b01281..19356bc37 100644 --- a/packages/react/package-lock.json +++ b/packages/react/package-lock.json @@ -1,12 +1,12 @@ { "name": "@scania/tegel-react", - "version": "1.3.2", + "version": "1.3.3", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@scania/tegel-react", - "version": "1.3.2", + "version": "1.3.3", "license": "MIT", "dependencies": { "@scania/tegel": "1.3.0" diff --git a/packages/react/package.json b/packages/react/package.json index 120a004a6..0c7e2ee7e 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@scania/tegel-react", - "version": "1.3.2", + "version": "1.3.3", "description": "React wrappers for Tegel package", "main": "dist/index.js", "module": "dist/index.js", From 8f1e861cf965c9104274a287b586eaff28c7b693 Mon Sep 17 00:00:00 2001 From: theJohnnyMe Date: Wed, 13 Dec 2023 08:48:32 +0100 Subject: [PATCH 02/49] fix(release-angular): added working directory (#459) --- .github/workflows/release-angular.yml | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/workflows/release-angular.yml b/.github/workflows/release-angular.yml index 3dc117fa5..1a799db9e 100644 --- a/.github/workflows/release-angular.yml +++ b/.github/workflows/release-angular.yml @@ -69,6 +69,7 @@ jobs: run: npm run build-angular - name: Angular - Publish + working-directory: packages/angular run: | if [ "${{ github.event.inputs.dryRun }}" == "true" ]; then npm publish --tag ${{ github.event.inputs.tags }} --dry-run From 00a6b2f56dd02b800c3ce05b744f41dfb45e84a5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Mon, 18 Dec 2023 09:19:55 +0100 Subject: [PATCH 03/49] test(banner): add initial tests for banner component (#463) --- .../banner/test/basic/banner.e2e.ts | 17 ++++-- ...renders-basic-banner-correctly-1-linux.png | Bin 0 -> 5936 bytes ...renders-basic-banner-correctly-1-linux.png | Bin 9458 -> 0 bytes .../components/banner/test/basic/index.html | 4 +- .../banner/test/default/banner.e2e.ts | 50 ++++++++++++++++++ ...nders-default-banner-correctly-1-linux.png | Bin 0 -> 14488 bytes .../components/banner/test/default/index.html | 23 ++++++++ .../banner/test/error/banner.e2e.ts | 20 +++++++ ...renders-error-banner-correctly-1-linux.png | Bin 0 -> 14547 bytes .../components/banner/test/error/index.html | 23 ++++++++ .../banner/test/information/banner.e2e.ts | 20 +++++++ ...s-information-banner-correctly-1-linux.png | Bin 0 -> 14523 bytes .../banner/test/information/index.html | 23 ++++++++ 13 files changed, 174 insertions(+), 6 deletions(-) create mode 100644 packages/core/src/components/banner/test/basic/banner.e2e.ts-snapshots/tds-banner-basic-renders-basic-banner-correctly-1-linux.png delete mode 100644 packages/core/src/components/banner/test/basic/banner.e2e.ts-snapshots/tds-banner-renders-basic-banner-correctly-1-linux.png create mode 100644 packages/core/src/components/banner/test/default/banner.e2e.ts create mode 100644 packages/core/src/components/banner/test/default/banner.e2e.ts-snapshots/tds-banner-default-renders-default-banner-correctly-1-linux.png create mode 100644 packages/core/src/components/banner/test/default/index.html create mode 100644 packages/core/src/components/banner/test/error/banner.e2e.ts create mode 100644 packages/core/src/components/banner/test/error/banner.e2e.ts-snapshots/tds-banner-error-renders-error-banner-correctly-1-linux.png create mode 100644 packages/core/src/components/banner/test/error/index.html create mode 100644 packages/core/src/components/banner/test/information/banner.e2e.ts create mode 100644 packages/core/src/components/banner/test/information/banner.e2e.ts-snapshots/tds-banner-information-renders-information-banner-correctly-1-linux.png create mode 100644 packages/core/src/components/banner/test/information/index.html diff --git a/packages/core/src/components/banner/test/basic/banner.e2e.ts b/packages/core/src/components/banner/test/basic/banner.e2e.ts index d0e8b51ef..17081f49c 100644 --- a/packages/core/src/components/banner/test/basic/banner.e2e.ts +++ b/packages/core/src/components/banner/test/basic/banner.e2e.ts @@ -1,11 +1,20 @@ import { test } from 'stencil-playwright'; import { expect } from '@playwright/test'; -test.describe('tds-banner', () => { +const componentTestPath = 'src/components/banner/test/basic/index.html'; + +test.describe('tds-banner-basic', () => { test('renders basic banner correctly', async ({ page }) => { - await page.goto('src/components/banner/test/basic/index.html'); - const accordion = page.locator('tds-banner'); - await expect(accordion).toHaveClass(/hydrated/); + await page.goto(componentTestPath); + + /* Check diff on screenshot */ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); + + test('the close button should be visible', async ({ page }) => { + await page.goto(componentTestPath); + + const closeButton = page.getByRole('button'); + await expect(closeButton).toBeVisible(); + }); }); diff --git a/packages/core/src/components/banner/test/basic/banner.e2e.ts-snapshots/tds-banner-basic-renders-basic-banner-correctly-1-linux.png b/packages/core/src/components/banner/test/basic/banner.e2e.ts-snapshots/tds-banner-basic-renders-basic-banner-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b372634e426a12d5c5941d01b894be000f952676 GIT binary patch literal 5936 zcmeAS@N?(olHy`uVBq!ia0y~yUDTsse!H{g z=cPl>1Q-~B$`UyH=OQ3ree zfRJrhLw)uCzm~<%e(tRQ|1bTT{f`IlH*ef$m#yxnWApDUM+3;U8%mD%$^H&!`SXx} zpZ)ILyN!*DKR-MB^WC#&Yw~l>v~r7!%l%JF3oCnn_kYoTMUcZ8{%KoVTNi&ia%;`H zb?3D0|K9xb;>_pId(-F7d3C>D z?kxKHDknep?9I*k=MJ~?i`Q+3sxJBc?Jda6e7mn#{(LLnKmWK~^&8{Y{&qimZ{E5$ zPx|`$^WM+T>Dn-HHGtf^L8brE{q6HA)9%&%HZT71;bHym{L-(lH}9>@-L`GrIiS+B z|Ni|ulm?68clY*M!{YMiv-Qs|EOef~`+v5-jbU{3?c%?`wpKo!I$tNJZ|dFZ@8Z*i zL803)bLP#vcjtb7e*XMv{rxuD+S>6y?x@eNF_N$S@zAFH*B2*f`cXIo2}2G@7%JqX z)=%6o0*RpYKbXKt@eqpx$k{L@J`5}%8w?=nbW{=;7^8tO8VIA=VYEybEf^I>YX=5~ z(LexJ2cv;78VJxv` TX|5;ZK}o^W)z4*}Q$iB}2pu=A literal 0 HcmV?d00001 diff --git a/packages/core/src/components/banner/test/basic/banner.e2e.ts-snapshots/tds-banner-renders-basic-banner-correctly-1-linux.png b/packages/core/src/components/banner/test/basic/banner.e2e.ts-snapshots/tds-banner-renders-basic-banner-correctly-1-linux.png deleted file mode 100644 index 2545d168086566dd8b3d9ddcb8b379bd1ed298e3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9458 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 J?!-_3{2!a7*8~6n diff --git a/packages/core/src/components/banner/test/basic/index.html b/packages/core/src/components/banner/test/basic/index.html index dc9ff7efb..7d5a97a6d 100644 --- a/packages/core/src/components/banner/test/basic/index.html +++ b/packages/core/src/components/banner/test/basic/index.html @@ -2,7 +2,7 @@ - Badge - Basic + Banner - Basic + + + + + Link example + + + diff --git a/packages/core/src/components/banner/test/error/banner.e2e.ts b/packages/core/src/components/banner/test/error/banner.e2e.ts new file mode 100644 index 000000000..921c26359 --- /dev/null +++ b/packages/core/src/components/banner/test/error/banner.e2e.ts @@ -0,0 +1,20 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/banner/test/error/index.html'; + +test.describe('tds-banner-error', () => { + test('renders error banner correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('icons exists', async ({ page }) => { + await page.goto(componentTestPath); + + const images = page.getByRole('img'); + await expect(images).toHaveCount(2); + }); +}); diff --git a/packages/core/src/components/banner/test/error/banner.e2e.ts-snapshots/tds-banner-error-renders-error-banner-correctly-1-linux.png b/packages/core/src/components/banner/test/error/banner.e2e.ts-snapshots/tds-banner-error-renders-error-banner-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..671561bd70190e1162db0c05f56f09240e1be9dd GIT binary patch literal 14547 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/banner/test/error/index.html b/packages/core/src/components/banner/test/error/index.html new file mode 100644 index 000000000..8494bdaa4 --- /dev/null +++ b/packages/core/src/components/banner/test/error/index.html @@ -0,0 +1,23 @@ + + + + + Banner - Error + + + + + + + + Link example + + + diff --git a/packages/core/src/components/banner/test/information/banner.e2e.ts b/packages/core/src/components/banner/test/information/banner.e2e.ts new file mode 100644 index 000000000..d694ede00 --- /dev/null +++ b/packages/core/src/components/banner/test/information/banner.e2e.ts @@ -0,0 +1,20 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/banner/test/information/index.html'; + +test.describe('tds-banner-information', () => { + test('renders information banner correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('icons exists', async ({ page }) => { + await page.goto(componentTestPath); + + const images = page.getByRole('img'); + await expect(images).toHaveCount(2); + }); +}); diff --git a/packages/core/src/components/banner/test/information/banner.e2e.ts-snapshots/tds-banner-information-renders-information-banner-correctly-1-linux.png b/packages/core/src/components/banner/test/information/banner.e2e.ts-snapshots/tds-banner-information-renders-information-banner-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..480822c9f6972d84bfc2ca507b24abb22c025b43 GIT binary patch literal 14523 zcmeHtX;@QNyEbaoV=Z`EPo)S#s|YFrWtJgOYY`&?Dk25~sWPMp0VNO&1Y%#SycGo* z!xUnRGDrYPATfj_j!Yp$2oNAZP=){j0)!AC)7kO;etp;V{rS#&{+T~(Z#H|cwVvl$ z&vW1RT7RDR_0s)v|Cc&CI=bL9zg*PO*$!N8eg7XjfQFkodKqZ8ATN6TtW(!*G^?ZY zy$<-7lb3Fl&X20Q(E&SDq)m+vh!RHr><~+7Nwd zzV$w%t?pIbm47x|_~O6*Gf$6Ak#D>I!^?kc&wap8%oM%gc8wspZfu;eD5Y|8;s*l% z3!qP(BTrm3v%9ocI=i!U{zKbtH`Cb)G(Y{m>$djx{I6TT*S7yv_-}c9SuS$95E0-r zb|AD!?$y;UnyB#)2+1AD=;su(2fXP6iT>2aNl~%ZR65FQ$5(Z(TnNZb-{H$mjXUQZ zkVtx+lgPW?)0Q9t0O48Z0 z`;;H37hsq&KlcsO(PsHNc)H>Iw(%Do{m$aQ{xoo+neCLvB?m#_t8j zG>(O2?8}(Wq)WIp^)01u_JDrO&(CjK^tiQTJ`~Z0AfK%4cK$Hwp$V5>`EAQm!4`iz z#@}Y}#rO6Z*0!2v+9jTgbE+cJz^>Xw-r~NnlOPwIcc|CwGo7oYhqldAHCrHwO%6=? z26e8-=WCA@|wJdI}GzyqxjG zbHdr&H9RKbSWQlTL9uGp+p#v6L3ixz=bqzG4(zYEc}JqT_9zyV96r@kV+J0(H6g>u z`d=hmNn#vl4t@mZT&@*#B|Y%PyHo-l2o)pX-W0`wwD&hz_SSA1C3fnH)|nnnafin1 zToJfadULrJb&I%U*&JtBorP^7Fi?V{csfeaF##hzD$~Kpcm@z67$5We^$1Rt_9MyG zizOnG=2@u>N!gTaZI);%uro;D*KvfI@|RGO5Q*3^3zoRg}UcM_Aax+&#eS)I%j zNl_i1&;5PpJg%qw^x-1pt|ff}HhUt|)dl3Vm~Dl3i6k)A+DqbE-1$?p4nby%`6l*NSN~2HDR1EK{9Z(WNqXKyfiJS0+=p0+Ojsd7zZC%%rqAKyF26jw(oP3RC?z%AOiXVVk3lO6gSsv<{t@xUX3NsuObD=qLA_1v-9fyC)$91I11R#TH}N?#;}XYFFOkrXO-EEg3;WyVSBm*G5ygN-4p_6rAa%l+V6TtA$8SY_9#H zedZ{P;gzNhS36Iv@^Vbmm5VQpH0cx5h2p^m*t8$k&8lQ|PHlJHZ~yI3Kk!lEzO(YZyt$p9moB*ug7{uG`28D?ufaA4^;B ztw~#1#~pv7v;ImHF#En@%#9k?7<6Y9S{_p;m@6m;OX77skJWL^Qr1c5=^2kFZTAeP$JFx4Vipv{U9LG+ z(<}dbckfM=%>UxWoSlnw>pdQ;zvfH=mf#pv5(?h!3poxiMWYI0X$ijTyk%hVWlg8l zrAQd&PNTO@?F&w5FuL*bB>KZ$k=^yxDv0QSyOL~#nvvKh_f?hN>h0LzM3zi#rtzm1 z>5)5lJ7k8YU@OLpI7bC15)zdk056eWO+Qdp;ZtG;_H~|WB=Q@=x?LruBgt&eY{Q4s z&N42x8wbnm_?qQ$+%B@KeU~{t5BTp2$zA=(mC2*dniiyO*lDz{`&45LkDfH#6zmEn z@y8UAZFp4iggYMdaTogIpKUz4T+eyt@hRJ1UkZ`037LL5eQ`fZri`yzQY{DGm=ERbEo%=qdUs-(qkX@R!r z6f^VQ{`$y?lGx3X#_RpZLg)$Hx8S|KFD{e^wP{w^HbsD|2cXeKG0dSjUU;_IZ12

w-2jCama@ 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/banner/test/information/index.html b/packages/core/src/components/banner/test/information/index.html new file mode 100644 index 000000000..ce6f6eea1 --- /dev/null +++ b/packages/core/src/components/banner/test/information/index.html @@ -0,0 +1,23 @@ + + + + + Banner - Information + + + + + + + + Link example + + + From eaf47b20f9272eabc6a456d68f0c8f65b1c1fa42 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Mon, 18 Dec 2023 09:25:06 +0100 Subject: [PATCH 04/49] test(card): Adding unit tests (#464) --- .../components/card/test/basic/card.e2e.ts | 13 ++++++ ...c-renders-basic-card-correctly-1-linux.png | Bin 0 -> 5542 bytes .../src/components/card/test/basic/index.html | 17 ++++++++ .../card/test/clickable/card.e2e.ts | 26 ++++++++++++ ...nders-clickable-card-correctly-1-linux.png | Bin 0 -> 9822 bytes .../components/card/test/clickable/index.html | 19 +++++++++ .../components/card/test/default/card.e2e.ts | 40 ++++++++++++++++++ ...renders-default-card-correctly-1-linux.png | Bin 0 -> 9770 bytes .../components/card/test/default/index.html | 19 +++++++++ 9 files changed, 134 insertions(+) create mode 100644 packages/core/src/components/card/test/basic/card.e2e.ts create mode 100644 packages/core/src/components/card/test/basic/card.e2e.ts-snapshots/tds-card-basic-renders-basic-card-correctly-1-linux.png create mode 100644 packages/core/src/components/card/test/basic/index.html create mode 100644 packages/core/src/components/card/test/clickable/card.e2e.ts create mode 100644 packages/core/src/components/card/test/clickable/card.e2e.ts-snapshots/tds-card-clickable-renders-clickable-card-correctly-1-linux.png create mode 100644 packages/core/src/components/card/test/clickable/index.html create mode 100644 packages/core/src/components/card/test/default/card.e2e.ts create mode 100644 packages/core/src/components/card/test/default/card.e2e.ts-snapshots/tds-card-default-renders-default-card-correctly-1-linux.png create mode 100644 packages/core/src/components/card/test/default/index.html diff --git a/packages/core/src/components/card/test/basic/card.e2e.ts b/packages/core/src/components/card/test/basic/card.e2e.ts new file mode 100644 index 000000000..8a46294d8 --- /dev/null +++ b/packages/core/src/components/card/test/basic/card.e2e.ts @@ -0,0 +1,13 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/card/test/basic/index.html'; + +test.describe('tds-card-basic', () => { + test('renders basic card correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/card/test/basic/card.e2e.ts-snapshots/tds-card-basic-renders-basic-card-correctly-1-linux.png b/packages/core/src/components/card/test/basic/card.e2e.ts-snapshots/tds-card-basic-renders-basic-card-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..8cb897c35a9ab874cae0280437a70500f6cf288c GIT binary patch literal 5542 zcmeAS@N?(olHy`uVBq!ia0y~yUAqO9SUBG<>+bvSw)Jbb zf(&D*$f^GCU03{OZ~9u*e~dr@ha>6lZ&#oHc=tF+njt>@?f-X-Ac+PMZU>MEhcE+( ztKh@H0;C!Y7zIG0hgcjy)F6`V+xxxzKFCcBHH~|}%jD+o{aX+x$yLazdMP1#$ zch(?&gZ_s^Et*L$8pBcB`njL=_=>U?e2>JfIHZDH?`Stbjo4?O{{j_N2 z^y$-o{{8*^&in5l)f7N#Y}RePCUe~IdF8pwmoLYh|2(I^zdthj?C;;Z88|@l{5fk) zufHxm_j%4|o99)#@1~_aE82PH`0?X!_PRQN6jV55uLWuVnhjJ?w)^bYs=eo;vhAif zJdy`V+pIg!P$6?XMsIo~&@uJv{;l~B5`M6;b{)h2+TZyfh5v#03zFBG8XI5#50+%G z>U(bo5@q;d#iRhDTR0m)lz1jMLA9Z$ LtDnm{r-UW|7$21I literal 0 HcmV?d00001 diff --git a/packages/core/src/components/card/test/basic/index.html b/packages/core/src/components/card/test/basic/index.html new file mode 100644 index 000000000..a706b8834 --- /dev/null +++ b/packages/core/src/components/card/test/basic/index.html @@ -0,0 +1,17 @@ + + + + + Card - Basic + + + + + + + + + diff --git a/packages/core/src/components/card/test/clickable/card.e2e.ts b/packages/core/src/components/card/test/clickable/card.e2e.ts new file mode 100644 index 000000000..e5c786f30 --- /dev/null +++ b/packages/core/src/components/card/test/clickable/card.e2e.ts @@ -0,0 +1,26 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/card/test/clickable/index.html'; + +test.describe('tds-card-clickable', () => { + test('renders clickable card correctly', async ({ page }) => { + await page.goto(componentTestPath); + const cardButton = page.getByRole('button'); + await cardButton.hover(); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('card should contain a button that is clickable', async ({ page }) => { + await page.goto(componentTestPath); + const cardButton = page.getByRole('button'); + await expect(cardButton).toHaveCount(1); + await expect(cardButton).toBeVisible(); + + const myEventSpy = await page.spyOnEvent('click'); + await cardButton.click(); + expect(myEventSpy).toHaveReceivedEvent(); + }); +}); diff --git a/packages/core/src/components/card/test/clickable/card.e2e.ts-snapshots/tds-card-clickable-renders-clickable-card-correctly-1-linux.png b/packages/core/src/components/card/test/clickable/card.e2e.ts-snapshots/tds-card-clickable-renders-clickable-card-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b3033dcab99b2886223b525f341c60172aed156e GIT binary patch literal 9822 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 LI8XiCm4Ey + + + + Card - clickable + + + + + + + + + + + diff --git a/packages/core/src/components/card/test/default/card.e2e.ts b/packages/core/src/components/card/test/default/card.e2e.ts new file mode 100644 index 000000000..73a17b886 --- /dev/null +++ b/packages/core/src/components/card/test/default/card.e2e.ts @@ -0,0 +1,40 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/card/test/default/index.html'; + +test.describe('tds-card-default', () => { + test('renders default card correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('header text exists', async ({ page }) => { + await page.goto(componentTestPath); + const cardHeaderText = page.getByText('Header text', { exact: true }); + await expect(cardHeaderText).toHaveCount(1); + await expect(cardHeaderText).toBeVisible(); + }); + + test('subheader text exists', async ({ page }) => { + await page.goto(componentTestPath); + const cardSubheaderText = page.getByText('Subheader text', { exact: true }); + await expect(cardSubheaderText).toHaveCount(1); + await expect(cardSubheaderText).toBeVisible(); + }); + + test('arrow icon exists', async ({ page }) => { + await page.goto(componentTestPath); + const cardTdsIcon = page.getByRole('img'); + await expect(cardTdsIcon).toHaveCount(1); + await expect(cardTdsIcon).toBeVisible(); + }); + + test('card should not contain a button that is clickable', async ({ page }) => { + await page.goto(componentTestPath); + const cardButton = page.getByRole('button'); + await expect(cardButton).toHaveCount(0); + }); +}); diff --git a/packages/core/src/components/card/test/default/card.e2e.ts-snapshots/tds-card-default-renders-default-card-correctly-1-linux.png b/packages/core/src/components/card/test/default/card.e2e.ts-snapshots/tds-card-default-renders-default-card-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a23c2534cbecb8bd7a00447fcc41ae416dd563b1 GIT binary patch literal 9770 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 + + + + Card - Default + + + + + + + + + + + From f8c3a5d8260f2d02cc64e6579ca47e656ef22f7c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Mon, 18 Dec 2023 12:14:30 +0100 Subject: [PATCH 05/49] fix(slider): update so that watch for values does not send a dispatch (#454) --- packages/core/src/components/slider/slider.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/core/src/components/slider/slider.tsx b/packages/core/src/components/slider/slider.tsx index 0ce7f1341..7edd1ac77 100644 --- a/packages/core/src/components/slider/slider.tsx +++ b/packages/core/src/components/slider/slider.tsx @@ -168,7 +168,9 @@ export class TdsSlider { @Watch('value') handleValueUpdate(newValue: string) { - this.forceValueUpdate(newValue); + this.calculateThumbLeftFromValue(newValue); + this.value = newValue; + this.updateTrack(); } private updateSupposedValueSlot(localLeft) { From c6f8423c0991b3d62649d3e72436eb68b40fb02e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Mon, 18 Dec 2023 15:06:28 +0100 Subject: [PATCH 06/49] test(header): Adding unit tests (#461) --- .../header/test/default/header.e2e.ts | 53 ++++++++++++++++++ ...-launcher-should-open-on-click-1-linux.png | Bin 0 -> 12932 bytes ...nders-default-header-correctly-1-linux.png | Bin 0 -> 8159 bytes .../components/header/test/default/index.html | 38 +++++++++++++ 4 files changed, 91 insertions(+) create mode 100644 packages/core/src/components/header/test/default/header.e2e.ts create mode 100644 packages/core/src/components/header/test/default/header.e2e.ts-snapshots/tds-header-default-launcher-should-open-on-click-1-linux.png create mode 100644 packages/core/src/components/header/test/default/header.e2e.ts-snapshots/tds-header-default-renders-default-header-correctly-1-linux.png create mode 100644 packages/core/src/components/header/test/default/index.html diff --git a/packages/core/src/components/header/test/default/header.e2e.ts b/packages/core/src/components/header/test/default/header.e2e.ts new file mode 100644 index 000000000..b4a87b304 --- /dev/null +++ b/packages/core/src/components/header/test/default/header.e2e.ts @@ -0,0 +1,53 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/header/test/default/index.html'; + +test.describe('tds-header-default', () => { + test('renders default header correctly', async ({ page }) => { + await page.goto(componentTestPath); + const headerComponent = page.getByRole('navigation'); + await expect(headerComponent).toHaveCount(1); + await expect(headerComponent).toBeVisible(); + + /** Check screenshot diff */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('title exists and is "Example: default"', async ({ page }) => { + await page.goto(componentTestPath); + const headerComponentHeaderText = page.getByText('Example: default'); + await expect(headerComponentHeaderText).toHaveCount(1); + await expect(headerComponentHeaderText).toBeVisible(); + }); + + test('luncher button icon exists', async ({ page }) => { + await page.goto(componentTestPath); + const headerComponentLuncherButton = page.getByRole('button'); + await expect(headerComponentLuncherButton).toHaveCount(1); + await expect(headerComponentLuncherButton).toBeVisible(); + }); + + test('brand label with link exists', async ({ page }) => { + await page.goto(componentTestPath); + const headerComponentBrandLink = page.getByLabel('Scania - red gryphon on blue shield'); + await expect(headerComponentBrandLink).toHaveCount(1); + await expect(headerComponentBrandLink).toBeVisible(); + }); + + test('launcher should open on click', async ({ page }) => { + await page.goto(componentTestPath); + const headerComponentLuncherButton = page.getByRole('button'); + await headerComponentLuncherButton.click(); + + const headerLuncherList = page + .getByRole('listitem') + .filter({ has: page.getByRole('heading') }) + .getByRole('list'); + await expect(headerLuncherList).toHaveCount(1); + await expect(headerLuncherList).toBeVisible(); + + /** Check screenshot diff */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/header/test/default/header.e2e.ts-snapshots/tds-header-default-launcher-should-open-on-click-1-linux.png b/packages/core/src/components/header/test/default/header.e2e.ts-snapshots/tds-header-default-launcher-should-open-on-click-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..05334afff2fd6b26c37f34aecc647cd974e5d26b GIT binary patch literal 12932 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/header/test/default/index.html b/packages/core/src/components/header/test/default/index.html new file mode 100644 index 000000000..eba1bac22 --- /dev/null +++ b/packages/core/src/components/header/test/default/index.html @@ -0,0 +1,38 @@ + + + + + Header - Default + + + + + + + + Example: default + + + Cool apps + + + Trucklyfe + + + HaulHub + + + WheelWizz + + + + + + + + + + From edd4320b18f79b644008dc0697304d2730133bdf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Mon, 18 Dec 2023 15:20:24 +0100 Subject: [PATCH 07/49] test(footer): Adding unit tests (#462) * test(footer): initial tests for footer * test(footer): remove only for test describe * test(footer): update locator to better ones --- .../footer/test/default/footer.e2e.ts | 41 +++++++++++++++ ...nders-default-footer-correctly-1-linux.png | Bin 0 -> 13355 bytes .../components/footer/test/default/index.html | 47 ++++++++++++++++++ 3 files changed, 88 insertions(+) create mode 100644 packages/core/src/components/footer/test/default/footer.e2e.ts create mode 100644 packages/core/src/components/footer/test/default/footer.e2e.ts-snapshots/tds-footer-default-renders-default-footer-correctly-1-linux.png create mode 100644 packages/core/src/components/footer/test/default/index.html diff --git a/packages/core/src/components/footer/test/default/footer.e2e.ts b/packages/core/src/components/footer/test/default/footer.e2e.ts new file mode 100644 index 000000000..ea5894eed --- /dev/null +++ b/packages/core/src/components/footer/test/default/footer.e2e.ts @@ -0,0 +1,41 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/footer/test/default/index.html'; + +test.describe('tds-footer-default', () => { + test('renders default footer correctly', async ({ page }) => { + await page.goto(componentTestPath); + const footerComponent = page.locator('footer'); + await expect(footerComponent).toHaveCount(1); + + /** Check screenshot diff */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('Footer contains four links "Link text"', async ({ page }) => { + await page.goto(componentTestPath); + const footerLinks = page.getByRole('link').filter({ hasText: /Link text/ }); + await expect(footerLinks).toHaveCount(4); + }); + + test('Footer contains three truck icons', async ({ page }) => { + await page.goto(componentTestPath); + const footerTruckIcons = page.getByRole('link').filter({ has: page.getByRole('img') }); + await expect(footerTruckIcons).toHaveCount(3); + }); + + test('Footer contains copyright text', async ({ page }) => { + await page.goto(componentTestPath); + const footerCopyrightText = page.getByText('Copyright © 2023 Scania'); + await expect(footerCopyrightText).toHaveCount(1); + await expect(footerCopyrightText).toBeVisible(); + }); + + test('Footer contains brand label (Scania)', async ({ page }) => { + await page.goto(componentTestPath); + const footerBrandText = page.getByText('Scania', { exact: true }); + await expect(footerBrandText).toHaveCount(1); + await expect(footerBrandText).toBeHidden(); + }); +}); diff --git a/packages/core/src/components/footer/test/default/footer.e2e.ts-snapshots/tds-footer-default-renders-default-footer-correctly-1-linux.png b/packages/core/src/components/footer/test/default/footer.e2e.ts-snapshots/tds-footer-default-renders-default-footer-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..5c34dceeee6fff3598340810c104908a1dffab4a GIT binary patch literal 13355 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 X%%pni=6zHMo?xz?Kh*sD@^AkG7D^*D literal 0 HcmV?d00001 diff --git a/packages/core/src/components/footer/test/default/index.html b/packages/core/src/components/footer/test/default/index.html new file mode 100644 index 000000000..5f50c0378 --- /dev/null +++ b/packages/core/src/components/footer/test/default/index.html @@ -0,0 +1,47 @@ + + + + + Footer - Default + + + + + + + +

+ + + Link text + + + Link text + + + Link text + + + Link text + + +
+
+ + + + + + + + + + + +
+ + + From ead03202b812da8f3b54b04545000bb9b81befe2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Mon, 18 Dec 2023 15:28:59 +0100 Subject: [PATCH 08/49] test(popover-canvas): Adding unit tests (#467) * test(popover-canvas): initial tests for popover-canvas * test(popover-canvas): updated test texts --- .../popover-canvas/test/default/index.html | 32 +++++++++++++++ .../test/default/popover-canvas.e2e.ts | 38 ++++++++++++++++++ ...fault-popover-canvas-correctly-1-linux.png | Bin 0 -> 22456 bytes .../popover-canvas/test/show-false/index.html | 32 +++++++++++++++ .../test/show-false/popover-canvas.e2e.ts | 38 ++++++++++++++++++ ...false-popover-canvas-correctly-1-linux.png | Bin 0 -> 8939 bytes .../popover-canvas/test/show-true/index.html | 32 +++++++++++++++ .../test/show-true/popover-canvas.e2e.ts | 38 ++++++++++++++++++ ...-true-popover-canvas-correctly-1-linux.png | Bin 0 -> 22456 bytes 9 files changed, 210 insertions(+) create mode 100644 packages/core/src/components/popover-canvas/test/default/index.html create mode 100644 packages/core/src/components/popover-canvas/test/default/popover-canvas.e2e.ts create mode 100644 packages/core/src/components/popover-canvas/test/default/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-default-renders-default-popover-canvas-correctly-1-linux.png create mode 100644 packages/core/src/components/popover-canvas/test/show-false/index.html create mode 100644 packages/core/src/components/popover-canvas/test/show-false/popover-canvas.e2e.ts create mode 100644 packages/core/src/components/popover-canvas/test/show-false/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-show-false-renders-show-false-popover-canvas-correctly-1-linux.png create mode 100644 packages/core/src/components/popover-canvas/test/show-true/index.html create mode 100644 packages/core/src/components/popover-canvas/test/show-true/popover-canvas.e2e.ts create mode 100644 packages/core/src/components/popover-canvas/test/show-true/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-show-true-renders-show-true-popover-canvas-correctly-1-linux.png diff --git a/packages/core/src/components/popover-canvas/test/default/index.html b/packages/core/src/components/popover-canvas/test/default/index.html new file mode 100644 index 000000000..3134ae774 --- /dev/null +++ b/packages/core/src/components/popover-canvas/test/default/index.html @@ -0,0 +1,32 @@ + + + + + Popover Canvas - Default + + + + + + + +

A Popover Canvas!

+

Where you can put anything you want!

+ + Even links! + + + + +
+ Click icon for Popover Canvas + + + + +
+ + diff --git a/packages/core/src/components/popover-canvas/test/default/popover-canvas.e2e.ts b/packages/core/src/components/popover-canvas/test/default/popover-canvas.e2e.ts new file mode 100644 index 000000000..1de75571f --- /dev/null +++ b/packages/core/src/components/popover-canvas/test/default/popover-canvas.e2e.ts @@ -0,0 +1,38 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/popover-canvas/test/default/index.html'; + +test.describe('tds-popover-canvas-default', () => { + test('renders default popover-canvas correctly', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button'); + await triggerButton.click(); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('make sure popover canvas shows after trigger button is pressed and content is displayed', async ({ + page, + }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button'); + const popoverCanvasHeader = page.getByRole('heading'); + const popoverCanvasBody = page.getByText('Where you can put anything you want!', { + exact: true, + }); + const popoverCanvasLink = page.getByRole('link'); + await expect(triggerButton).toBeVisible(); + await expect(popoverCanvasHeader).toBeHidden(); + await expect(popoverCanvasBody).toBeHidden(); + await expect(popoverCanvasLink).toBeHidden(); + + await triggerButton.click(); + + await expect(triggerButton).toBeVisible(); + await expect(popoverCanvasHeader).toBeVisible(); + await expect(popoverCanvasBody).toBeVisible(); + await expect(popoverCanvasLink).toBeVisible(); + }); +}); diff --git a/packages/core/src/components/popover-canvas/test/default/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-default-renders-default-popover-canvas-correctly-1-linux.png b/packages/core/src/components/popover-canvas/test/default/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-default-renders-default-popover-canvas-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..3b56fa3cde2f20d979210d282309285f054c2311 GIT binary patch literal 22456 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/popover-canvas/test/show-false/index.html b/packages/core/src/components/popover-canvas/test/show-false/index.html new file mode 100644 index 000000000..cc993ebb9 --- /dev/null +++ b/packages/core/src/components/popover-canvas/test/show-false/index.html @@ -0,0 +1,32 @@ + + + + + Popover Canvas - show = false + + + + + + + +

A Popover Canvas!

+

Where you can put anything you want!

+ + Even links! + + + + +
+ Click icon for Popover Canvas + + + + +
+ + diff --git a/packages/core/src/components/popover-canvas/test/show-false/popover-canvas.e2e.ts b/packages/core/src/components/popover-canvas/test/show-false/popover-canvas.e2e.ts new file mode 100644 index 000000000..2813048e4 --- /dev/null +++ b/packages/core/src/components/popover-canvas/test/show-false/popover-canvas.e2e.ts @@ -0,0 +1,38 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/popover-canvas/test/show-false/index.html'; + +test.describe('tds-popover-canvas-show-false', () => { + test('renders show=false popover-canvas correctly', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button'); + await triggerButton.click(); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('make sure popover canvas does not show after trigger button is pressed and content is not displayed before or after button click', async ({ + page, + }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button'); + const popoverCanvasHeader = page.getByRole('heading'); + const popoverCanvasBody = page.getByText('Where you can put anything you want!', { + exact: true, + }); + const popoverCanvasLink = page.getByRole('link'); + await expect(triggerButton).toBeVisible(); + await expect(popoverCanvasHeader).toBeHidden(); + await expect(popoverCanvasBody).toBeHidden(); + await expect(popoverCanvasLink).toBeHidden(); + + await triggerButton.click(); + + await expect(triggerButton).toBeVisible(); + await expect(popoverCanvasHeader).toBeHidden(); + await expect(popoverCanvasBody).toBeHidden(); + await expect(popoverCanvasLink).toBeHidden(); + }); +}); diff --git a/packages/core/src/components/popover-canvas/test/show-false/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-show-false-renders-show-false-popover-canvas-correctly-1-linux.png b/packages/core/src/components/popover-canvas/test/show-false/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-show-false-renders-show-false-popover-canvas-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ca5a6366be03728c694213c6e7a6758329123002 GIT binary patch literal 8939 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 Vw|SV{r4TB6K9Bp1_34-2{SCNd9peB1 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/popover-canvas/test/show-true/index.html b/packages/core/src/components/popover-canvas/test/show-true/index.html new file mode 100644 index 000000000..da934259f --- /dev/null +++ b/packages/core/src/components/popover-canvas/test/show-true/index.html @@ -0,0 +1,32 @@ + + + + + Popover Canvas - show = true + + + + + + + +

A Popover Canvas!

+

Where you can put anything you want!

+ + Even links! + + + + +
+ Click icon for Popover Canvas + + + + +
+ + diff --git a/packages/core/src/components/popover-canvas/test/show-true/popover-canvas.e2e.ts b/packages/core/src/components/popover-canvas/test/show-true/popover-canvas.e2e.ts new file mode 100644 index 000000000..9bf75555b --- /dev/null +++ b/packages/core/src/components/popover-canvas/test/show-true/popover-canvas.e2e.ts @@ -0,0 +1,38 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/popover-canvas/test/show-true/index.html'; + +test.describe('tds-popover-canvas-show-true', () => { + test('renders show=true popover-canvas correctly', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button'); + await triggerButton.click(); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('make sure the popover canvas content is displayed both before and after the trigger button is pressed', async ({ + page, + }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button'); + const popoverCanvasHeader = page.getByRole('heading'); + const popoverCanvasBody = page.getByText('Where you can put anything you want!', { + exact: true, + }); + const popoverCanvasLink = page.getByRole('link'); + await expect(triggerButton).toBeVisible(); + await expect(popoverCanvasHeader).toBeVisible(); + await expect(popoverCanvasBody).toBeVisible(); + await expect(popoverCanvasLink).toBeVisible(); + + await triggerButton.click(); + + await expect(triggerButton).toBeVisible(); + await expect(popoverCanvasHeader).toBeVisible(); + await expect(popoverCanvasBody).toBeVisible(); + await expect(popoverCanvasLink).toBeVisible(); + }); +}); diff --git a/packages/core/src/components/popover-canvas/test/show-true/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-show-true-renders-show-true-popover-canvas-correctly-1-linux.png b/packages/core/src/components/popover-canvas/test/show-true/popover-canvas.e2e.ts-snapshots/tds-popover-canvas-show-true-renders-show-true-popover-canvas-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..3b56fa3cde2f20d979210d282309285f054c2311 GIT binary patch literal 22456 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 literal 0 HcmV?d00001 From 0d873fa437c968a9ef3210d8dfae1d997ad2f122 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Mon, 18 Dec 2023 15:35:30 +0100 Subject: [PATCH 09/49] fix(message): refactor the unit tests for less implementation details (#466) --- .../components/message/test/basic/index.html | 20 +++++++++++ .../message/test/basic/message.e2e.ts | 20 +++++++++++ ...sic-message-rendered-correctly-1-linux.png | Bin 0 -> 6331 bytes .../components/message/test/error/index.html | 4 +-- .../message/test/error/message.e2e.ts | 33 +++++++---------- ...or-message-rendered-correctly-1-linux.png} | Bin .../message/test/information/index.html | 4 +-- .../message/test/information/message.e2e.ts | 34 ++---------------- ...on-message-rendered-correctly-1-linux.png} | Bin .../message/test/success/index.html | 4 +-- .../message/test/success/message.e2e.ts | 34 ++---------------- ...ss-message-rendered-correctly-1-linux.png} | Bin .../message/test/warning/index.html | 4 +-- .../message/test/warning/message.e2e.ts | 34 ++---------------- ...ng-message-rendered-correctly-1-linux.png} | Bin 15 files changed, 66 insertions(+), 125 deletions(-) create mode 100644 packages/core/src/components/message/test/basic/index.html create mode 100644 packages/core/src/components/message/test/basic/message.e2e.ts create mode 100644 packages/core/src/components/message/test/basic/message.e2e.ts-snapshots/tds-message-basic-is-basic-message-rendered-correctly-1-linux.png rename packages/core/src/components/message/test/error/message.e2e.ts-snapshots/{tds-message-is-rendered-correctly-1-linux.png => tds-message-error-is-error-message-rendered-correctly-1-linux.png} (100%) rename packages/core/src/components/message/test/information/message.e2e.ts-snapshots/{tds-message-is-rendered-correctly-1-linux.png => tds-message-information-is-information-message-rendered-correctly-1-linux.png} (100%) rename packages/core/src/components/message/test/success/message.e2e.ts-snapshots/{tds-message-is-rendered-correctly-1-linux.png => tds-message-success-is-success-message-rendered-correctly-1-linux.png} (100%) rename packages/core/src/components/message/test/warning/message.e2e.ts-snapshots/{tds-message-is-rendered-correctly-1-linux.png => tds-message-warning-is-warning-message-rendered-correctly-1-linux.png} (100%) diff --git a/packages/core/src/components/message/test/basic/index.html b/packages/core/src/components/message/test/basic/index.html new file mode 100644 index 000000000..cca0371dc --- /dev/null +++ b/packages/core/src/components/message/test/basic/index.html @@ -0,0 +1,20 @@ + + + + + + + Message - Basic + + + + + + + diff --git a/packages/core/src/components/message/test/basic/message.e2e.ts b/packages/core/src/components/message/test/basic/message.e2e.ts new file mode 100644 index 000000000..548b09aa1 --- /dev/null +++ b/packages/core/src/components/message/test/basic/message.e2e.ts @@ -0,0 +1,20 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/message/test/basic/index.html'; + +test.describe('tds-message-basic', () => { + test('is basic message rendered correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('has icon', async ({ page }) => { + await page.goto(componentTestPath); + const messageIcon = page.getByRole('img'); + await expect(messageIcon).toHaveCount(1); + await expect(messageIcon).toBeVisible(); + }); +}); diff --git a/packages/core/src/components/message/test/basic/message.e2e.ts-snapshots/tds-message-basic-is-basic-message-rendered-correctly-1-linux.png b/packages/core/src/components/message/test/basic/message.e2e.ts-snapshots/tds-message-basic-is-basic-message-rendered-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..db507d5c4c4b39046c85717d2f1e65e606a083b9 GIT binary patch literal 6331 zcmeHLYfuwc6kb4!N*QdKf)ylIE1iyFWH3-55ET?H3RWxNi)S%bkO*l4A+VuP$}m8g zmMX;Xm=05w3NlD}ghzs+;3FZl7D9Mr5lmtrLLit2Y_iQ}ruBE#>975+9 z?0axt(M;sqAY`M=fUt^&F0}Y9JiDnG+=>^l0^10P-k*Xq7Y9t97RNVLl$6MJI2TE> zo)tE0W?75BCIvX6lb0^nN8FT1BvnFT$;rT_2X^92H`E_%Pfy1S7nKV9nOR@dkwb`T zh-fCZ(Uhk|R;Z)?;o>O=^aZFd1=gT8&U!OyzFV7vn)U90wb|^c`0tagh64fT$?1d| z<6VPc{7Ivb)!iP@Ssp=!ulNW9(p@WYSz~u3<568-)S{Vss++Vxdw1tm5+YDC^!GxW znO_sqrS#aj42|jJPG=1zCNtZ#SQ9SlOY_w670=3~HX1 zQD;gy@j%WimU%a?NSG4XFHfF=m zy6C9{*7A>IjT?}2=RoaTucolHix!rP=eTA$KUA~e z(4ClKY|W0*A#D@CQv$WWvXeK@oBh-8fX%;=_sSIVD=s==c-Qn|qY*T*8yK)s zQy##CbkJuU7q3!NKbKaFLK$E_I+Ze(0kg%55GiQkO|SI z6GefBk?qt}GC?P0^u8(z0*GnGzAhxBRDc6#@)^2?JnGV5BuQQ%r5jvw`S79^zVk`A z&=!QRaTg{pH2=Cf`lg-t%+EDwOjLlIy<#psX^Me0GN~^iQ`oH?@Ae7A=7(8nu~3Mx|$kwc*{~H7q$y%$}J_-r;O!l#wc0$kWWt z^FZ%>61up3W;ku_1DR?pO3 - Message: Error variant test + Message - Error - + Longer Message text can be placed here. Longer Message text can be placed here. diff --git a/packages/core/src/components/message/test/error/message.e2e.ts b/packages/core/src/components/message/test/error/message.e2e.ts index 22fa65b71..202ba7c7a 100644 --- a/packages/core/src/components/message/test/error/message.e2e.ts +++ b/packages/core/src/components/message/test/error/message.e2e.ts @@ -3,41 +3,32 @@ import { expect } from '@playwright/test'; const componentTestPath = 'src/components/message/test/error/index.html'; -test.describe('tds-message', () => { - test('is rendered correctly', async ({ page }) => { +test.describe('tds-message-error', () => { + test('is error message rendered correctly', async ({ page }) => { await page.goto(componentTestPath); - /* Check if a component exists in the DOM */ - const messageComponent = page.locator('tds-message'); - expect(messageComponent).toBeTruthy(); - - /* Take screenshot */ + /* Check diff on screenshot */ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); - test('is in error variant', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponentDiv = page.locator('tds-message > div'); - await expect(messageComponentDiv).toHaveClass(/error/); - }); - test('has header text', async ({ page }) => { await page.goto(componentTestPath); - const messageComponentHeader = page.locator('tds-message .header'); - await expect(messageComponentHeader).not.toBeEmpty(); + const messageComponentHeader = page.getByText('Message header', { exact: true }); + await expect(messageComponentHeader).toHaveCount(1); + await expect(messageComponentHeader).toBeVisible(); }); test('has subheader text', async ({ page }) => { await page.goto(componentTestPath); - const messageComponent = page.locator('tds-message'); - await expect(messageComponent).toHaveText( - /Longer Message text can be placed here. Longer Message text can be placed here./, - ); + const messageComponentSubHeader = page.getByText('Longer Message text can be placed here.'); + await expect(messageComponentSubHeader).toHaveCount(1); + await expect(messageComponentSubHeader).toBeVisible(); }); test('has error icon', async ({ page }) => { await page.goto(componentTestPath); - const messageIconComponent = page.locator('tds-message tds-icon'); - await expect(messageIconComponent).toHaveAttribute('name', 'error'); + const messageIcon = page.getByRole('img'); + await expect(messageIcon).toHaveCount(1); + await expect(messageIcon).toBeVisible(); }); }); diff --git a/packages/core/src/components/message/test/error/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png b/packages/core/src/components/message/test/error/message.e2e.ts-snapshots/tds-message-error-is-error-message-rendered-correctly-1-linux.png similarity index 100% rename from packages/core/src/components/message/test/error/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png rename to packages/core/src/components/message/test/error/message.e2e.ts-snapshots/tds-message-error-is-error-message-rendered-correctly-1-linux.png diff --git a/packages/core/src/components/message/test/information/index.html b/packages/core/src/components/message/test/information/index.html index 1ccf37e7b..e2cc031e4 100644 --- a/packages/core/src/components/message/test/information/index.html +++ b/packages/core/src/components/message/test/information/index.html @@ -7,7 +7,7 @@ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> - Message: Information variant test + Message - Information - + Longer Message text can be placed here. Longer Message text can be placed here. diff --git a/packages/core/src/components/message/test/information/message.e2e.ts b/packages/core/src/components/message/test/information/message.e2e.ts index bc17b7563..9dd2326d7 100644 --- a/packages/core/src/components/message/test/information/message.e2e.ts +++ b/packages/core/src/components/message/test/information/message.e2e.ts @@ -3,41 +3,11 @@ import { expect } from '@playwright/test'; const componentTestPath = 'src/components/message/test/information/index.html'; -test.describe('tds-message', () => { - test('is rendered correctly', async ({ page }) => { +test.describe('tds-message-information', () => { + test('is information message rendered correctly', async ({ page }) => { await page.goto(componentTestPath); - /* Check if a component exists in the DOM */ - const messageComponent = page.locator('tds-message'); - expect(messageComponent).toBeTruthy(); - /* Take screenshot */ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); - - test('is in information variant', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponentDiv = page.locator('tds-message > div'); - await expect(messageComponentDiv).toHaveClass(/information/); - }); - - test('has header text', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponentHeader = page.locator('tds-message .header'); - await expect(messageComponentHeader).not.toBeEmpty(); - }); - - test('has subheader text', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponent = page.locator('tds-message'); - await expect(messageComponent).toHaveText( - /Longer Message text can be placed here. Longer Message text can be placed here./, - ); - }); - - test('has error icon', async ({ page }) => { - await page.goto(componentTestPath); - const messageIconComponent = page.locator('tds-message tds-icon'); - await expect(messageIconComponent).toHaveAttribute('name', 'info'); - }); }); diff --git a/packages/core/src/components/message/test/information/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png b/packages/core/src/components/message/test/information/message.e2e.ts-snapshots/tds-message-information-is-information-message-rendered-correctly-1-linux.png similarity index 100% rename from packages/core/src/components/message/test/information/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png rename to packages/core/src/components/message/test/information/message.e2e.ts-snapshots/tds-message-information-is-information-message-rendered-correctly-1-linux.png diff --git a/packages/core/src/components/message/test/success/index.html b/packages/core/src/components/message/test/success/index.html index 1680dd7b1..738227231 100644 --- a/packages/core/src/components/message/test/success/index.html +++ b/packages/core/src/components/message/test/success/index.html @@ -7,7 +7,7 @@ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> - Message: Success variant test + Message - Success - + Longer Message text can be placed here. Longer Message text can be placed here. diff --git a/packages/core/src/components/message/test/success/message.e2e.ts b/packages/core/src/components/message/test/success/message.e2e.ts index d089a9213..6ff774248 100644 --- a/packages/core/src/components/message/test/success/message.e2e.ts +++ b/packages/core/src/components/message/test/success/message.e2e.ts @@ -3,41 +3,11 @@ import { expect } from '@playwright/test'; const componentTestPath = 'src/components/message/test/success/index.html'; -test.describe('tds-message', () => { - test('is rendered correctly', async ({ page }) => { +test.describe('tds-message-success', () => { + test('is success message rendered correctly', async ({ page }) => { await page.goto(componentTestPath); - /* Check if a component exists in the DOM */ - const messageComponent = page.locator('tds-message'); - expect(messageComponent).toBeTruthy(); - /* Take screenshot */ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); - - test('is in success variant', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponentDiv = page.locator('tds-message > div'); - await expect(messageComponentDiv).toHaveClass(/success/); - }); - - test('has header text', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponentHeader = page.locator('tds-message .header'); - await expect(messageComponentHeader).not.toBeEmpty(); - }); - - test('has subheader text', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponent = page.locator('tds-message'); - await expect(messageComponent).toHaveText( - /Longer Message text can be placed here. Longer Message text can be placed here./, - ); - }); - - test('has error icon', async ({ page }) => { - await page.goto(componentTestPath); - const messageIconComponent = page.locator('tds-message tds-icon'); - await expect(messageIconComponent).toHaveAttribute('name', 'tick'); - }); }); diff --git a/packages/core/src/components/message/test/success/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png b/packages/core/src/components/message/test/success/message.e2e.ts-snapshots/tds-message-success-is-success-message-rendered-correctly-1-linux.png similarity index 100% rename from packages/core/src/components/message/test/success/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png rename to packages/core/src/components/message/test/success/message.e2e.ts-snapshots/tds-message-success-is-success-message-rendered-correctly-1-linux.png diff --git a/packages/core/src/components/message/test/warning/index.html b/packages/core/src/components/message/test/warning/index.html index d86c89698..2a6c12819 100644 --- a/packages/core/src/components/message/test/warning/index.html +++ b/packages/core/src/components/message/test/warning/index.html @@ -7,7 +7,7 @@ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> - Message: Warning variant test + Message - Warning - + Longer Message text can be placed here. Longer Message text can be placed here. diff --git a/packages/core/src/components/message/test/warning/message.e2e.ts b/packages/core/src/components/message/test/warning/message.e2e.ts index e6925355a..1df862a76 100644 --- a/packages/core/src/components/message/test/warning/message.e2e.ts +++ b/packages/core/src/components/message/test/warning/message.e2e.ts @@ -3,41 +3,11 @@ import { expect } from '@playwright/test'; const componentTestPath = 'src/components/message/test/warning/index.html'; -test.describe('tds-message', () => { - test('is rendered correctly', async ({ page }) => { +test.describe('tds-message-warning', () => { + test('is warning message rendered correctly', async ({ page }) => { await page.goto(componentTestPath); - /* Check if a component exists in the DOM */ - const messageComponent = page.locator('tds-message'); - expect(messageComponent).toBeTruthy(); - /* Take screenshot */ await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); }); - - test('is in warning variant', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponentDiv = page.locator('tds-message > div'); - await expect(messageComponentDiv).toHaveClass(/warning/); - }); - - test('has header text', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponentHeader = page.locator('tds-message .header'); - await expect(messageComponentHeader).not.toBeEmpty(); - }); - - test('has subheader text', async ({ page }) => { - await page.goto(componentTestPath); - const messageComponent = page.locator('tds-message'); - await expect(messageComponent).toHaveText( - /Longer Message text can be placed here. Longer Message text can be placed here./, - ); - }); - - test('has error icon', async ({ page }) => { - await page.goto(componentTestPath); - const messageIconComponent = page.locator('tds-message tds-icon'); - await expect(messageIconComponent).toHaveAttribute('name', 'warning'); - }); }); diff --git a/packages/core/src/components/message/test/warning/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png b/packages/core/src/components/message/test/warning/message.e2e.ts-snapshots/tds-message-warning-is-warning-message-rendered-correctly-1-linux.png similarity index 100% rename from packages/core/src/components/message/test/warning/message.e2e.ts-snapshots/tds-message-is-rendered-correctly-1-linux.png rename to packages/core/src/components/message/test/warning/message.e2e.ts-snapshots/tds-message-warning-is-warning-message-rendered-correctly-1-linux.png From 809fdc395daa6f403e87734c9d719f11582cb7c9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Tue, 19 Dec 2023 09:22:27 +0100 Subject: [PATCH 10/49] test(breadcrumbs): initial tests for breadcrumbs (#470) --- .../test/default/breadcrumbs.e2e.ts | 43 ++++++++++++++++++ ...ould-be-able-to-become-focused-1-linux.png | Bin 0 -> 9026 bytes ...-default-breadcrumbs-correctly-1-linux.png | Bin 0 -> 9018 bytes .../breadcrumbs/test/default/index.html | 27 +++++++++++ 4 files changed, 70 insertions(+) create mode 100644 packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts create mode 100644 packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts-snapshots/tds-breadcrumbs-default-page-3-item-should-be-able-to-become-focused-1-linux.png create mode 100644 packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts-snapshots/tds-breadcrumbs-default-renders-default-breadcrumbs-correctly-1-linux.png create mode 100644 packages/core/src/components/breadcrumbs/test/default/index.html diff --git a/packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts b/packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts new file mode 100644 index 000000000..2594d7cbd --- /dev/null +++ b/packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts @@ -0,0 +1,43 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/breadcrumbs/test/default/index.html'; + +test.describe('tds-breadcrumbs-default', () => { + test('renders default breadcrumbs correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('items Page 1, Page 2, Page 3 exist on the page', async ({ page }) => { + await page.goto(componentTestPath); + const navigation = page.getByRole('navigation'); + await expect(navigation).toHaveCount(1); + const listItems = page.getByRole('listitem'); + await expect(listItems).toHaveCount(3); + const pageOne = page.getByRole('link').filter({ hasText: 'Page 1' }); + const pageTwo = page.getByRole('link').filter({ hasText: 'Page 2' }); + const pageThree = page.getByRole('link').filter({ hasText: 'Page 3' }); + + await expect(pageOne).toHaveCount(1); + await expect(pageOne).toBeVisible(); + + await expect(pageTwo).toHaveCount(1); + await expect(pageTwo).toBeVisible(); + + await expect(pageThree).toHaveCount(1); + await expect(pageThree).toBeVisible(); + }); + + test('page 3 item should be able to become focused', async ({ page }) => { + await page.goto(componentTestPath); + + const pageThree = page.getByText(/Page 3/); + await pageThree.focus(); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); +}); diff --git a/packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts-snapshots/tds-breadcrumbs-default-page-3-item-should-be-able-to-become-focused-1-linux.png b/packages/core/src/components/breadcrumbs/test/default/breadcrumbs.e2e.ts-snapshots/tds-breadcrumbs-default-page-3-item-should-be-able-to-become-focused-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..9c38f0b6befd14c5142bfaaf2811a627cb1e24b3 GIT binary patch literal 9026 zcmeI2eO%I4`^Pm`t(AH2)vKJdbd}{cQ%ih81J_!4^V77=r7IuMnP4fJq7oqBJ@32L zgSyl-RB+YQmMNtoAu8E}Mk1t`it>;tAOT{cq9E}5vi;BZ7j_?-`h$&IY)hX4nUVq*z*t3V(P@t~*teINoDSpj=v5p4lzSerX-|6y%>qAGJU zcFh)HmoX&^-NNzls=6+L*J6m*O!>MS#C9b*iebwRCd~DvWgV5R_&6F@h zeJjK$Dj9&6{)rJY#_^`us#eb2Zl?gmkA|glhF036=2`rO2p04$z^h7)#LM{9{%z%ISm)JHg|1w6t^8!El}Wg*Nxp}Wv=M01%IDauQ>+%N1{U{%WQ z(Bexqy&2W+wYc+LwImt@!&i6*2Ec|S66#liS*|-28*NxrRX%gT^KooR7+BG{8LdJ^ z&1b?*Klp#{@9Ri3hk@VCB%}N7V`!D135UmSjn1|T?iW(22MCB`2rlkRftL6MOT9d5 zVoNM@qQgO$q`dK@iMDosr1`14kEYoON=;P3bN?QD*}{(cBhFj6zkXVcc>e1N5Mlx~ z|EMgI>pziB@t}44!&)wKO7rI)mz;ga!y{O`@_2YDDM!vFJkWnK4W|8eB2V@fEQ2$I*c>8XpbSU!;+#*l!9DJJ|g7{JHjoZVYwfG<< zcjAoI!PzfPm7(7(M(O76^5az)UF2X=R_WQ5t4pFF zR5US5gIZbfW5{`Ahx*1we9=*1;x`txZ`Q;X=b$gG5?g%vsdAJNNj=k%Z{ltTWK`gI zk+TmmV5$-b2gz<=omw|P9Th1vG?H#iWOREqHJQ)`C!{+JAtFRVKX6)gWHgUE%nA6T zt_~bxd_lv-JTxs_g-_qP=FN%eUKWb*`r(@SM(!#C}Ff`W6I3y-KxXn z=GobBDlT$Ih9#y`Rp6y7(Fh4PO=2DiP!#sn-n!`#TWl(UD8`|2Z z3ru+&m0k=+p)}+}s@r}EnCJVS`J})6-3^9`jI^e)SPT)S&itNBwX>#g8nVdtVQVWW z#LU^w#LFS%HtBt&4Hd&9uk^lvbAH=h2udxqpKoV$eg#5^%G{XmtI`1VZdz%uOQ;+f z8L3$y74r*5Y`YXjzQsV4=$Z>bNvn^2{rqH$G)g%nPwE-cx!R!0^*K>gBwTt!do`@o zrzl(Kv8P4^f-)zJw9IvNW*#7$)Qw|JgHiMQtLa^D?)e4;DB?G=_eMe%e?;)fWlJ|b z(59jQ*-_WPua92Z!n=iHaFQ;&4B@+7;lyL@t^xiVyEUHY&YyqPewV>9ZiTp2n%;(b z2Uh?<8u+t;LUwSq^ekwlmK1gfPUSiOvSvLQlsR~2zz-JP*2D!CVqh+*P%t+3n=PQV zCx67ZD0`0z#$NxHbaZ3N+X6FoUU|y)LeCxd`TGL_yx;%TWYuqPiTGHO{sJTJGj30uvBu+lfm;b_7G&^A$8d<@+Jc5VH zPTfHE{Bq0*Jb$Xo9hIKWeXOBQJbyPBs+g|eFk~KZqv59lQ#iq;; zpB7^HSI*6j>eow|=1bK+h}HXwce#0a^|yCp^}!Yl^uq9`u+rjUUflAEx6I(2@#<>( z_H(H}(Z`#*x*#Rq*u(Mh@lN3Eeu=I~N)(~d6i9GXgP80Ihj{TBLd4#LY>`erz@H4= zRR*lPpZiWc_sjsD374w71&>8J6XJ6k=@6@9cBP}EL)Y5q?heD@qQ%*V^T*zU%csgBcj@h_a&E zYfuV>0#^U(aMog4;w+A?`q*vU`tno^yn0(CROTR^fw8+AFSlP(pb`g%hH5|&A^SqR zEf3jmf24v^-xlQL6+d z5aaXn^Li{!Idq*gkO3QVh8Url-9<(AU9{LUXR@C-Csby}t;*;w+Ah7g_L+o~vy~*h z4K^Qj{i%W3-sanoDTQJY*on{W5~Grn_iO0M+AK>2u@U8El`zvX$rL6xWI6dgg{{r!QB! z3F=Sqty#YJczTr^*}Tf!8c#o;wWJ1jX$K4%LKiKxNaUlJFbr{y-lt2KmX`dAQ+T4j zdC4;i*wr+;Z4_)?Tv(W13MN*cxa2TUQJvW-_x5{mhOSpjUHdxSsc}_Bm+fbZNV_QU zr6%(yCXKeB6zlj z+T7gC?Nl&Umg=NowNOIKg~@kqZEa^6@fhAd>1xS=_>Kc?{Pf_eLhq$AX@a-rr|s}O zQ*+I$+YN<6kwN-Lo!VcMvpcT1)U9|0bGpuwX!;q`J-{}Vw5Uv@oUA|LGYZ63&!S0m&^SviTeiJ3m)%^Gi85=Sm zCqZ+bURmLh^7krg@zD`ME9L4I1<@%OkpsN&ip+%U@1X<ycJdSos9 zak-{)Uw?nZ@zQ`K=IXv+DmVD-Jj z2UR>r(a*;J`Hb|A>&D@FUx#}uRPWzML<#O=AuMHI0;`z++V3!WE|T8e_m`uuRdvx~ zjMUC4I7tzgJ3tcv`~OB-mls0}^)qT%d_$l~T9X_Z_*JM2A>D7x5h#*#nPimp95Y?c;#eB35a52X~b&1z;rNzk11`~dIMu!e#)6s)0Ojf86?TqEHc3D-!tM#41` zu95J+OTxJIGT>jwb#vCc0BgU({-2JgmbH26Z>-lY5`SYaLb{)RY?BynV?8ZMTI*syj!_}%^JW1==f4+O=U zkWI)oQ@x@zI5JLF^`x$@&QTi&=oIW8Uc5`^f$)&+2Xyv7M<3YSF;@~Nuz=pC6_rYj z{Oad1^9D;UHnvRpC=9>a#HL%zJQvbTz>(SN*{|8IJhZ>}WOc|gKYN2vQe51?NA*lU zDo2#;CEzcbngK1oNzCFCs`pi1CH-~HKN9K!^Z8ZM0;94eS&=8Q(0hZM&ASxYZJ}^m zi@gp0KB+PBiv55?~5h$Ppnk_$)}?!iJt zGMX6P)%P&D|Anm25@&V4w^c@RYgaux7V@SUI1Qi%u?l+Ho`DBYWp57);%0SHA)y0$ zR`b9Hhp|*+o;U_~zR^cc{^H$sj1!8V9QJ$p0(mN3lMk2Ep%?&O4Pi2~);aFKzg;s& zPrZ__b1aL>0J+=-=I`(Cwe*4=DbzD!zCVJSSuC{7GmEFc05q#o%r-gq-co8E1`I+J0&Yd?EbYS z-gKKRIiTPevj1rp+?9RRjM!dT>^P#rY=NF#*j^e$>(V*}cdxSx=FAR0E z4+sHUuR@#CCGG9)6HX$5T5=ajQ*(wX(Y<%o^KMNM|HZp&(_7qVL7N+;sk%noM4|xx z1D=d-2Zgqok@{XA%%X5CJ))MMe=(UDDz)e)FdyIYO->pqW>R!L2_k{8TEf zmD==S1PN2IY z)M}dQQhqE>#=AZna#0;c*2HwoI-tLdw4m3xzAZU!wCs_eg4Fl~c zzdg`!z6Xe{8XKoAsvRSyK76a~m&;))d12&eH3UXHTHE4|lX#r~WQ*^HxZGkaAm)Le zp*O8bLY3xl@;h;E-zR=$ct^&zf5SWF-l2(!QjW#SyyyCCdEo2ozq`A8pqOZm zsK&1BQJ(er@In%{ufE5ek8iU=qy%C}&PUGE<h7%~ayESFb!o=~4sQ3|CB{rp1|>j`9~q zwUEAZ$?E}`OwO@lgaRuV9=dP6(c$ua6D_(IFr`F0USvr<`=snJoSQiDXH__`sbqQx zFnyGu7{%jT;|X;~XquUEq{YM#9?Q>PSzexr3h;vymse_VQ#S`@zg6Ag+u6cQO^IjW zmzEO-20wnh&#JA}^xWi7vEd=&bzk?}Z>Z1aR!i=9wpT*a($ZAp`-aKR@i<&mkbZ)v z#CJU6H0IH3Uv2^P0kVn3G*FU?zq|`78!6tVP4Sq^=C;LWdkOtwg1a-!xw-K~a2(BR zJqe2yjZONq42&Q@a6(r4cU!pI1cW4`{cy55hIhGR*3S6vxu)bdx6Z=hD3-foxpZ;n z8juMOOj!GPa88@Js3^`kz0ZnOzDL>m+Bl3@c}owB5!X0h=~%b80c_?NMRjJLRSk9t zS!4CVqWa%nHSiSVGMmjo)aU$B-q_ej00)P|_W)Jz62GVrsiO*#8&GS$F_WJ-QIgxs z6Q;;*YZ@ymAbR?)(@Q57%nUQMU4)vwg;QD?#hbk8oH=B4ETp(q8vI~$wV0S^efu!1 zmiGJ1PR`mp<}c*S3)&gEJJ$4mp*dAp$)qJ;2rAZ(c)$2W#kYQi0y3$RdU0+^lA*2$ z$s|n!IPv{IeI6b6+H0F5JfJxY;|)awHaxSpqpQYtTeL_A1-vMhcDT(BmN#7KT*nTs ztgJ+6)UE3TyBwhdgVdxs3ES@&NE8U}CG1}kUFNmNU%U&g@*8;l#EkJOcJXt8rZJa? zDKY$tAWo!+2XsTvSvz%M#3KJN@pClR-r@4=*8qjaAPIqu|6bxn2-Jq0maEf!Nl8hu zNe%|a_AE2PMj>4$^y5vfakRt?j^BvWDwZF4ajnzc{{Og)$P|cH=UQmpC=?dT}tY{$FptXdx4=) zC=JC*P}F3%7gknQ9t)-(vbVQS*0ke9nRR&Zt4lSkO(V}ovQ*hujjVnBp8?@2`96qD zZ7?JdkpIZuFY@gvBPtlmm3z79nLsOMr+(W3$CFnW8Z@=h-WP}4ILF2}6k!GVxAaP! z(Q+kT9u%zarY&MZRcou=f(5B4Sp+rlY=&rE7}35bXCSkypAs2|YiY$fM+x+h>uJX= zoKmCDc}7J?vfCU)-Rl zgZ)`CVViyTavQ}8rEVw7uZ)niDVZ06t}FN6J6INm$Bi1YSBBUMyt?g zlpZoxe;6GYCJ&E~kmkUmX)K}oSGeM_4~c$;>){T@Nz;m4ZnXN0#ft|@)BFo+)S<=t zh6CCO#jd8UMsQ$z8x}@`!$9!`~6ZspVf0akVmc&Ab^Z33{u1`*K$~>nGiP zHSMtlK_~DUevu1W7II^xPWMc3v`&MLZ;v>)2eS5#hotf`C8g`5`KV8MbzJj8O)Dj}t52sBoEK(-hsI7G(3dnNcqNXS_>X&5WNOQB zpa?j%-##!;N+$2Na<#c=mr$0+Hc>W_O?3;f-$oi_=$sB=Sqi&)yUyL*aY|=?@B!`6 znvAzwhg;d$Du%6I*h0Y;3AaeNMZzr-Zjo?{gj*!sBHMZ={swy7?h>1kuB{z*YW6IZ@!$i{Y7{7+V=m@neH72bS7ul zDV_O#Z-&ksw*~1w)Liia>0X^}UHE^QoO;l$v0k%>Z5K}JG7mfJ_jB#(E1CZTV$b3s literal 0 HcmV?d00001 diff --git a/packages/core/src/components/breadcrumbs/test/default/index.html b/packages/core/src/components/breadcrumbs/test/default/index.html new file mode 100644 index 000000000..3a92572fe --- /dev/null +++ b/packages/core/src/components/breadcrumbs/test/default/index.html @@ -0,0 +1,27 @@ + + + + + Breadcrumbs - Default + + + + + + + + + Page 1 + + + Page 2 + + + Page 3 + + + + From c2cbed533420a59e0e83f14bc42e13578580049b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alfred=20Skedeb=C3=A4ck?= Date: Tue, 19 Dec 2023 09:40:52 +0100 Subject: [PATCH 11/49] test(popover-menu): Adding unit tests (#468) * test(popover-menu): initial tests for popover-menu * test(popover-menu): more tests and updates --- .../popover-menu/test/default/index.html | 56 +++++++++++ .../test/default/popover-menu.e2e.ts | 81 ++++++++++++++++ ...d-open-the-popover-menu-dialog-1-linux.png | Bin 0 -> 17298 bytes ...default-popover-menu-correctly-1-linux.png | Bin 0 -> 17253 bytes .../popover-menu/test/icons-fluid/index.html | 88 ++++++++++++++++++ .../test/icons-fluid/popover-menu.e2e.ts | 33 +++++++ ...s-fluid-popover-menu-correctly-1-linux.png | Bin 0 -> 24179 bytes .../popover-menu/test/show-false/index.html | 61 ++++++++++++ .../test/show-false/popover-menu.e2e.ts | 29 ++++++ ...w-false-popover-menu-correctly-1-linux.png | Bin 0 -> 8662 bytes .../popover-menu/test/show/index.html | 56 +++++++++++ .../test/show/popover-menu.e2e.ts | 29 ++++++ ...ow-true-popover-menu-correctly-1-linux.png | Bin 0 -> 17253 bytes 13 files changed, 433 insertions(+) create mode 100644 packages/core/src/components/popover-menu/test/default/index.html create mode 100644 packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts create mode 100644 packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts-snapshots/tds-popover-menu-default-clicking-the-trigger-button-should-open-the-popover-menu-dialog-1-linux.png create mode 100644 packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts-snapshots/tds-popover-menu-default-renders-default-popover-menu-correctly-1-linux.png create mode 100644 packages/core/src/components/popover-menu/test/icons-fluid/index.html create mode 100644 packages/core/src/components/popover-menu/test/icons-fluid/popover-menu.e2e.ts create mode 100644 packages/core/src/components/popover-menu/test/icons-fluid/popover-menu.e2e.ts-snapshots/tds-popover-menu-icons-fluid-renders-icons-fluid-popover-menu-correctly-1-linux.png create mode 100644 packages/core/src/components/popover-menu/test/show-false/index.html create mode 100644 packages/core/src/components/popover-menu/test/show-false/popover-menu.e2e.ts create mode 100644 packages/core/src/components/popover-menu/test/show-false/popover-menu.e2e.ts-snapshots/tds-popover-menu-show-false-renders-show-false-popover-menu-correctly-1-linux.png create mode 100644 packages/core/src/components/popover-menu/test/show/index.html create mode 100644 packages/core/src/components/popover-menu/test/show/popover-menu.e2e.ts create mode 100644 packages/core/src/components/popover-menu/test/show/popover-menu.e2e.ts-snapshots/tds-popover-menu-show-renders-show-true-popover-menu-correctly-1-linux.png diff --git a/packages/core/src/components/popover-menu/test/default/index.html b/packages/core/src/components/popover-menu/test/default/index.html new file mode 100644 index 000000000..2bb8117f5 --- /dev/null +++ b/packages/core/src/components/popover-menu/test/default/index.html @@ -0,0 +1,56 @@ + + + + + Popover Menu - Default + + + + + + + + + Action + + + + Action + + + Action + + + + + + + Action + + + Action + + + Action + + + + Action + + + + + + +
+ Click icon for Popover Menu + + + + +
+ + diff --git a/packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts b/packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts new file mode 100644 index 000000000..4f99f1ecb --- /dev/null +++ b/packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts @@ -0,0 +1,81 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/popover-menu/test/default/index.html'; + +test.describe('tds-popover-menu-default', () => { + test('renders default popover-menu correctly', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + await triggerButton.click(); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('clicking the trigger button should open the popover menu dialog', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + const dropDownList = page.getByRole('list'); + + await expect(triggerButton).toBeVisible(); + await expect(dropDownList).toBeHidden(); + + await triggerButton.click(); + + await expect(triggerButton).toBeVisible(); + await expect(dropDownList).toBeVisible(); + + const tdsMenuItemListItems = dropDownList.getByRole('listitem'); + await expect(tdsMenuItemListItems).toHaveCount(9); + + const tdsMenuItemListItemLinks = tdsMenuItemListItems.getByRole('link'); + const tdsMenuItemListItemButtons = tdsMenuItemListItems.getByRole('button'); + + await expect(tdsMenuItemListItemLinks).toHaveCount(7); + await expect(tdsMenuItemListItemButtons).toHaveCount(2); + }); + + test('hover active menu item -> active item should be clickable', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + const dropDownList = page.getByRole('list'); + await triggerButton.click(); + + const tdsMenuItemListItemLinks = page + .getByRole('listitem') + .filter({ has: page.getByRole('link') }); + + const myEventSpy = await page.spyOnEvent('click'); + await tdsMenuItemListItemLinks.first().click(); + expect(myEventSpy).toHaveReceivedEvent(); + + /* Expect dropdown not to close after clicking the menu item */ + await expect(dropDownList).toBeVisible(); + }); + + test('hover inactive menu item -> inactive menu item should not be clickable', async ({ + page, + }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + await triggerButton.click(); + + const tdsMenuItemListItemButtons = page + .getByRole('listitem') + .filter({ has: page.getByRole('button') }); + + await expect(tdsMenuItemListItemButtons).toHaveCount(2); + + await expect(tdsMenuItemListItemButtons.first()).toHaveAttribute('disabled'); + await expect(tdsMenuItemListItemButtons.last()).not.toHaveAttribute('disabled'); + }); + + test('icons are not existing for menu items', async ({ page }) => { + await page.goto(componentTestPath); + const tdsMenuItemListItemIcons = page + .getByRole('listitem') + .filter({ has: page.getByRole('img') }); + await expect(tdsMenuItemListItemIcons).toHaveCount(0); + }); +}); diff --git a/packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts-snapshots/tds-popover-menu-default-clicking-the-trigger-button-should-open-the-popover-menu-dialog-1-linux.png b/packages/core/src/components/popover-menu/test/default/popover-menu.e2e.ts-snapshots/tds-popover-menu-default-clicking-the-trigger-button-should-open-the-popover-menu-dialog-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..9ff079ee707c3fd564084d90b85d8b2896575622 GIT binary patch literal 17298 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/popover-menu/test/icons-fluid/index.html b/packages/core/src/components/popover-menu/test/icons-fluid/index.html new file mode 100644 index 000000000..24c2561fd --- /dev/null +++ b/packages/core/src/components/popover-menu/test/icons-fluid/index.html @@ -0,0 +1,88 @@ + + + + + Popover Menu - Icons and fluid + + + + + + + + + + + Action + + + + + + + The menu width adjusts to the widest word + + + + + + Action + + + + + + + + + + Action + + + + + + Action + + + + + + Action + + + + + + + Action + + + + + + + +
+ Click icon for Popover Menu + + + + +
+ + diff --git a/packages/core/src/components/popover-menu/test/icons-fluid/popover-menu.e2e.ts b/packages/core/src/components/popover-menu/test/icons-fluid/popover-menu.e2e.ts new file mode 100644 index 000000000..4f216c325 --- /dev/null +++ b/packages/core/src/components/popover-menu/test/icons-fluid/popover-menu.e2e.ts @@ -0,0 +1,33 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/popover-menu/test/icons-fluid/index.html'; + +test.describe('tds-popover-menu-icons-fluid', () => { + test('renders icons-fluid popover-menu correctly', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + await triggerButton.click(); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('menu item "The menu with adjusts to the widest word" exists', async ({ page }) => { + await page.goto(componentTestPath); + const tdsMenuItemListLongText = page.getByText('The menu width adjusts to the widest word'); + await expect(tdsMenuItemListLongText).toHaveCount(1); + await expect(tdsMenuItemListLongText).toBeHidden(); + }); + + test('icons are existing for menu items', async ({ page }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + await triggerButton.click(); + + const tdsMenuItemListItemIcons = page + .getByRole('listitem') + .filter({ has: page.getByRole('img') }); + await expect(tdsMenuItemListItemIcons).toHaveCount(9); + }); +}); diff --git a/packages/core/src/components/popover-menu/test/icons-fluid/popover-menu.e2e.ts-snapshots/tds-popover-menu-icons-fluid-renders-icons-fluid-popover-menu-correctly-1-linux.png b/packages/core/src/components/popover-menu/test/icons-fluid/popover-menu.e2e.ts-snapshots/tds-popover-menu-icons-fluid-renders-icons-fluid-popover-menu-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c027c8d2be83d6af847bf64e96760247fa4452ab GIT binary patch literal 24179 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 literal 0 HcmV?d00001 diff --git a/packages/core/src/components/popover-menu/test/show-false/index.html b/packages/core/src/components/popover-menu/test/show-false/index.html new file mode 100644 index 000000000..cebeb1c66 --- /dev/null +++ b/packages/core/src/components/popover-menu/test/show-false/index.html @@ -0,0 +1,61 @@ + + + + + Popover Menu - Show=false + + + + + + + + + Action + + + + Action + + + Action + + + + + + + Action + + + Action + + + Action + + + + Action + + + + + + +
+ Click icon for Popover Menu + + + + +
+ + diff --git a/packages/core/src/components/popover-menu/test/show-false/popover-menu.e2e.ts b/packages/core/src/components/popover-menu/test/show-false/popover-menu.e2e.ts new file mode 100644 index 000000000..af3ae1439 --- /dev/null +++ b/packages/core/src/components/popover-menu/test/show-false/popover-menu.e2e.ts @@ -0,0 +1,29 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/popover-menu/test/show-false/index.html'; + +test.describe('tds-popover-menu-show-false', () => { + test('renders show=false popover-menu correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('clicking the trigger button should not open the popover menu dialog when show is false', async ({ + page, + }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + const dropDownList = page.getByRole('list'); + + await expect(triggerButton).toBeVisible(); + await expect(dropDownList).toBeHidden(); + + await triggerButton.click(); + + await expect(triggerButton).toBeVisible(); + await expect(dropDownList).toBeHidden(); + }); +}); diff --git a/packages/core/src/components/popover-menu/test/show-false/popover-menu.e2e.ts-snapshots/tds-popover-menu-show-false-renders-show-false-popover-menu-correctly-1-linux.png b/packages/core/src/components/popover-menu/test/show-false/popover-menu.e2e.ts-snapshots/tds-popover-menu-show-false-renders-show-false-popover-menu-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..ba0095de399a9dc5b37088d750542d5d9768c08d GIT binary patch literal 8662 zcmeHNc~p~0wvWqz-HtFb&bWYpJ&rKl3Ti7bvPH#~w%J4sU?9Y9Y$Jpu!;%0AAxyh4 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 + + + + Popover Menu - Show=true + + + + + + + + + Action + + + + Action + + + Action + + + + + + + Action + + + Action + + + Action + + + + Action + + + + + + +
+ Click icon for Popover Menu + + + + +
+ + diff --git a/packages/core/src/components/popover-menu/test/show/popover-menu.e2e.ts b/packages/core/src/components/popover-menu/test/show/popover-menu.e2e.ts new file mode 100644 index 000000000..343c5ebe3 --- /dev/null +++ b/packages/core/src/components/popover-menu/test/show/popover-menu.e2e.ts @@ -0,0 +1,29 @@ +import { test } from 'stencil-playwright'; +import { expect } from '@playwright/test'; + +const componentTestPath = 'src/components/popover-menu/test/show/index.html'; + +test.describe('tds-popover-menu-show', () => { + test('renders show=true popover-menu correctly', async ({ page }) => { + await page.goto(componentTestPath); + + /* Check diff on screenshot */ + await expect(page).toHaveScreenshot({ maxDiffPixels: 0 }); + }); + + test('clicking the trigger button should keep the popover menu dialog open when it is open by default', async ({ + page, + }) => { + await page.goto(componentTestPath); + const triggerButton = page.getByRole('button').filter({ has: page.getByRole('img') }); + const dropDownList = page.getByRole('list'); + + await expect(triggerButton).toBeVisible(); + await expect(dropDownList).toBeVisible(); + + await triggerButton.click(); + + await expect(triggerButton).toBeVisible(); + await expect(dropDownList).toBeVisible(); + }); +}); diff --git a/packages/core/src/components/popover-menu/test/show/popover-menu.e2e.ts-snapshots/tds-popover-menu-show-renders-show-true-popover-menu-correctly-1-linux.png b/packages/core/src/components/popover-menu/test/show/popover-menu.e2e.ts-snapshots/tds-popover-menu-show-renders-show-true-popover-menu-correctly-1-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0d7c9df4bff95b34e3040d7a18488a72a22ad99d GIT binary patch literal 17253 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 literal 0 HcmV?d00001 From 834eb1a194f0a1b90084be84c08a7778c5f0c290 Mon Sep 17 00:00:00 2001 From: theJohnnyMe Date: Mon, 8 Jan 2024 09:16:02 +0100 Subject: [PATCH 12/49] fix(side-menu): collapsed state on mobile view (#473) * fix(side-menu): collapsed state on mobile view * Update packages/core/src/components/side-menu/side-menu.tsx Co-authored-by: mJarsater <62651103+mJarsater@users.noreply.github.com> --------- Co-authored-by: mJarsater <62651103+mJarsater@users.noreply.github.com> --- .../core/src/components/side-menu/side-menu.tsx | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/packages/core/src/components/side-menu/side-menu.tsx b/packages/core/src/components/side-menu/side-menu.tsx index 9b16b77fe..0a4d4ff75 100644 --- a/packages/core/src/components/side-menu/side-menu.tsx +++ b/packages/core/src/components/side-menu/side-menu.tsx @@ -23,7 +23,7 @@ export type InternalTdsSideMenuPropChange = { changed: Array; } & Partial; -const GRID_LG_BREAKPOINT = '992px'; +const GRID_LG_BREAKPOINT: number = 992; /** * @slot overlay - Used of injection of tds-side-menu-overlay * @slot close-button - Used for injection of tds-side-menu-close-button that is show when in mobile view @@ -48,26 +48,32 @@ export class TdsSideMenu { @Prop() persistent: boolean = false; /** If the Side Menu is collapsed. Only a persistent desktop menu can be collapsed. - * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event. */ - @Prop() collapsed: boolean = false; + * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event. */ + @Prop({ mutable: true }) collapsed: boolean = false; @State() isUpperSlotEmpty: boolean = false; @State() isCollapsed: boolean = false; + /* To preserved initial state of collapsed prop as it is changed in runtime */ + @State() initialCollapsedState: boolean = false; + private matchesLgBreakpointMq: MediaQueryList; handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void = (e) => { const isBelowLg = !e.matches; if (isBelowLg) { this.collapsed = false; + } else { + this.collapsed = this.initialCollapsedState; } }; connectedCallback() { - this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT})`); + this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT}px)`); this.matchesLgBreakpointMq.addEventListener('change', this.handleMatchesLgBreakpointChange); this.isCollapsed = this.collapsed; + this.initialCollapsedState = this.collapsed; } componentDidLoad() { @@ -78,6 +84,9 @@ export class TdsSideMenu { if (!hasUpperSlotElements) { this.isUpperSlotEmpty = true; } + if (window.innerWidth < GRID_LG_BREAKPOINT) { + this.collapsed = false; + } } disconnectedCallback() { From d37f312f46eee4a52c1c3407c039a4f87e2b22ab Mon Sep 17 00:00:00 2001 From: theJohnnyMe Date: Mon, 8 Jan 2024 09:16:33 +0100 Subject: [PATCH 13/49] build(stencil): upgrade to 4.9.0 (#474) * build(stencil): version 4.9.0 * docs: readme update after stencil upgrade --- packages/core/package-lock.json | 8 ++++---- packages/core/package.json | 4 ++-- .../components/dropdown/dropdown-option/readme.md | 6 ++++++ packages/core/src/components/dropdown/readme.md | 13 +++++++++++++ .../core/src/components/tabs/folder-tabs/readme.md | 6 ++++++ .../core/src/components/tabs/inline-tabs/readme.md | 6 ++++++ .../src/components/tabs/navigation-tabs/readme.md | 6 ++++++ 7 files changed, 43 insertions(+), 6 deletions(-) diff --git a/packages/core/package-lock.json b/packages/core/package-lock.json index 4a6979d5d..64b32f416 100644 --- a/packages/core/package-lock.json +++ b/packages/core/package-lock.json @@ -10,7 +10,7 @@ "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.8", - "@stencil/core": "^4.7.1", + "@stencil/core": "^4.9.0", "prettier": "^2.7.1" }, "devDependencies": { @@ -4227,9 +4227,9 @@ } }, "node_modules/@stencil/core": { - "version": "4.7.1", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.7.1.tgz", - "integrity": "sha512-KDWA/3qDiABA5LqtHCmTVwORuzgu/YdC0FpSBwVmwlw6K8jUjbTA5JB6Q03da2F+EQlDHOVgbW0TNtHCm54uXQ==", + "version": "4.9.0", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.9.0.tgz", + "integrity": "sha512-aWSkhBmk3yPwRAkUwBbzRwmdhb8hKiQ/JMr9m5jthpBZLjtppYbzz6PN2MhSMDfRp6K93eQw5WogSEH4HHuB6w==", "bin": { "stencil": "bin/stencil" }, diff --git a/packages/core/package.json b/packages/core/package.json index b47b79946..55e5ad90e 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -33,7 +33,7 @@ "access": "public" }, "scripts": { - "build": "stencil build --docs && stencil build --docs", + "build": "stencil build && stencil build --docs", "_comment": "Due to stencil bug with types creation, we need to run build two times!", "start": "stencil build --dev --watch --serve", "test": "node docker-test-runner.js", @@ -49,7 +49,7 @@ }, "dependencies": { "@popperjs/core": "^2.11.8", - "@stencil/core": "^4.7.1", + "@stencil/core": "^4.9.0", "prettier": "^2.7.1" }, "devDependencies": { diff --git a/packages/core/src/components/dropdown/dropdown-option/readme.md b/packages/core/src/components/dropdown/dropdown-option/readme.md index fb3b88d91..a1bb788e8 100644 --- a/packages/core/src/components/dropdown/dropdown-option/readme.md +++ b/packages/core/src/components/dropdown/dropdown-option/readme.md @@ -28,6 +28,12 @@ Method to select/deselect an option. +#### Parameters + +| Name | Type | Description | +| ---------- | --------- | ----------- | +| `selected` | `boolean` | | + #### Returns Type: `Promise` diff --git a/packages/core/src/components/dropdown/readme.md b/packages/core/src/components/dropdown/readme.md index 228f71719..ff5107637 100644 --- a/packages/core/src/components/dropdown/readme.md +++ b/packages/core/src/components/dropdown/readme.md @@ -53,6 +53,12 @@ Type: `Promise` Method for removing a selected value in the Dropdown. +#### Parameters + +| Name | Type | Description | +| ---------- | -------- | ----------- | +| `oldValue` | `string` | | + #### Returns Type: `Promise<{ value: string; label: string; }[]>` @@ -85,6 +91,13 @@ Multiselect example: dropdown.setValue(['option-1', 'option-2']); +#### Parameters + +| Name | Type | Description | +| ------- | -------------------- | ----------- | +| `value` | `string \| string[]` | | +| `label` | `string` | | + #### Returns Type: `Promise<{ value: string; label: string; }[]>` diff --git a/packages/core/src/components/tabs/folder-tabs/readme.md b/packages/core/src/components/tabs/folder-tabs/readme.md index 16a9d3b3d..d3880eb33 100644 --- a/packages/core/src/components/tabs/folder-tabs/readme.md +++ b/packages/core/src/components/tabs/folder-tabs/readme.md @@ -27,6 +27,12 @@ Sets the passed tabindex as the selected Tab. +#### Parameters + +| Name | Type | Description | +| ---------- | -------- | ----------- | +| `tabIndex` | `number` | | + #### Returns Type: `Promise<{ selectedTabIndex: number; }>` diff --git a/packages/core/src/components/tabs/inline-tabs/readme.md b/packages/core/src/components/tabs/inline-tabs/readme.md index 4dc88226e..c9c832f48 100644 --- a/packages/core/src/components/tabs/inline-tabs/readme.md +++ b/packages/core/src/components/tabs/inline-tabs/readme.md @@ -27,6 +27,12 @@ Selects a Tab based on tabindex, will not select a disabled Tab. +#### Parameters + +| Name | Type | Description | +| ---------- | -------- | ----------- | +| `tabIndex` | `number` | | + #### Returns Type: `Promise<{ selectedTabIndex: number; }>` diff --git a/packages/core/src/components/tabs/navigation-tabs/readme.md b/packages/core/src/components/tabs/navigation-tabs/readme.md index 099125702..e1f325a00 100644 --- a/packages/core/src/components/tabs/navigation-tabs/readme.md +++ b/packages/core/src/components/tabs/navigation-tabs/readme.md @@ -27,6 +27,12 @@ Sets the passed tabindex as the selected Tab. +#### Parameters + +| Name | Type | Description | +| ---------- | -------- | ----------- | +| `tabIndex` | `number` | | + #### Returns Type: `Promise<{ selectedTabIndex: number; }>` From 878fadbbab93c748601f69aa66ee3aada129e4f3 Mon Sep 17 00:00:00 2001 From: theJohnnyMe Date: Mon, 8 Jan 2024 15:04:57 +0100 Subject: [PATCH 14/49] feat(footer): copyright slot (#475) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat(footer): copyright slot * Update packages/core/src/components/footer/footer.tsx Co-authored-by: mJarsater <62651103+mJarsater@users.noreply.github.com> * Update packages/core/src/components/footer/footer.tsx Co-authored-by: mJarsater <62651103+mJarsater@users.noreply.github.com> * fix: template literal Co-authored-by: Alfred Skedebäck --------- Co-authored-by: mJarsater <62651103+mJarsater@users.noreply.github.com> Co-authored-by: Alfred Skedebäck --- packages/core/src/components/footer/footer.tsx | 10 ++++++++-- packages/core/src/components/footer/readme.md | 11 ++++++----- 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/packages/core/src/components/footer/footer.tsx b/packages/core/src/components/footer/footer.tsx index 9257dc403..795c4bf59 100644 --- a/packages/core/src/components/footer/footer.tsx +++ b/packages/core/src/components/footer/footer.tsx @@ -4,7 +4,8 @@ import hasSlot from '../../utils/hasSlot'; /** * @slot top - Slot for the top part of the Footer. * @slot start - Slot for start (left side) of the Footers main part. - * @slot end - Slot for end (right side) of the Footers main part. + * @slot end - Slot for the end (right side) of the Footers main part. + * @slot copyright - Slot for copyright area (bottom left) of the Footer. */ @Component({ tag: 'tds-footer', @@ -17,10 +18,13 @@ export class TdsFooter { /** Mode variant of the component, based on current mode. */ @Prop() modeVariant: 'primary' | 'secondary' = null; + const copyrightText = `Copyright © ${new Date().getFullYear()} Scania`; + render() { const usesTopSlot = hasSlot('top', this.host); const usesStartSlot = hasSlot('start', this.host); const usesEndSlot = hasSlot('end', this.host); + const usesCopyrightSlot = hasSlot('copyright', this.host); return (