test(web-components/buttons): add ui tests #103
development.yml
on: pull_request
🔍 Run linter
13s
🧪 Run tests
2m 43s
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
|
|