Skip to content

test(web-components/buttons): add ui tests #103

test(web-components/buttons): add ui tests

test(web-components/buttons): add ui tests #103

Triggered via pull request March 31, 2025 21:20
Status Failure
Total duration 3m 3s
Artifacts 1

development.yml

on: pull_request
🔍 Run linter
13s
🔍 Run linter
Fit to window
Zoom out
Zoom in

Annotations

10 errors and 1 notice
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-md-ghost-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-md-ghost-loading-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-sm-ghost-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-sm-ghost-loading-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-lg-primary-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-lg-primary-loading-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-md-primary-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-md-primary-loading-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-sm-primary-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
[💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants: packages/web-components/src/button/icon-button/icon-button.test.ts#L239
1) [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states Error: A snapshot doesn't exist at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts-snapshots/icon-button-sm-primary-loading-💻-Desktop-linux.png, writing actual. 237 | const screenshot = `${["icon-button", size, variant, loading && "loading"].filter(Boolean).join("_")}.png`; 238 | > 239 | await expect(component).toHaveScreenshot(screenshot, { | ^ 240 | animations: "disabled", // we disable animations because of the spinner 241 | omitBackground: true, 242 | }); at /home/runner/work/web-components/web-components/packages/web-components/src/button/icon-button/icon-button.test.ts:239:11
🎭 Playwright Run Summary
4 failed [💻 Desktop] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states [💻 Desktop] › src/button/standard/button.test.ts:214:3 › 🧩 button › 📸 should have correct ui in different variants, sizes and loading states [📱 Android] › src/button/icon-button/icon-button.test.ts:202:3 › 🧩 icon-button › 📸 should have correct ui in different variants, sizes and loading states [📱 Android] › src/button/standard/button.test.ts:214:3 › 🧩 button › 📸 should have correct ui in different variants, sizes and loading states 340 passed (1.2m)

Artifacts

Produced during runtime
Name Size Digest
playwright-report Expired
641 KB
sha256:595431fd1f9e563f66a080451dc79c53ca1b6ab7573d35151c6338ede8f0b112