chore: add more tests to improve code coverage across the library

TarunAdobe commented 1 month ago

Description

This PR adds more tests to SWC components in order to improve the overall code coverage across the library. The simple criteria that I'm following here is to have a >95% code coverage for every component.

Motivation and context

Recently we have added a lot of Dev Mode warnings for in our library but didn't add respective tests for that which caused the ci to fail in main.

How has this been tested?

[ ] Test case 1
1. Go here
2. Do this
[ ] Test case 2
1. Go here
2. Do this

Screenshots (if appropriate)

Types of changes

[ ] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to change)
[x] Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

[x] I have signed the Adobe Open Source CLA.
[x] My code follows the code style of this project.
[ ] If my change required a change to the documentation, I have updated the documentation in this pull request.
[x] I have read the CONTRIBUTING document.
[x] I have added tests to cover my changes.
[x] All new and existing tests passed.
[x] I have reviewed at the Accessibility Practices for this feature, see: Aria Practices

Best practices

This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.

github-actions[bot] commented 1 month ago

Branch preview

Visual regression test results

github-actions[bot] commented 1 month ago

Lighthouse scores

Category	Latest (report)	Main (report)	Branch (report)
Performance	0.99	0.99	0.99
Accessibility	1	1	1
Best Practices	1	1	1
SEO	1	0.92	0.92
PWA	1	1	1

What is this?

[Lighthouse](https://github.com/GoogleChrome/lighthouse) scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but *note that the SEO scores on Netlify URLs are artifically constrained to 0.92.*

Transfer Size

Category	Latest	Main	Branch
Total	221.156 kB	210.144 kB 🏆	210.552 kB
Scripts	53.319 kB	47.969 kB 🏆	48.349 kB
Stylesheet	34.999 kB	30.381 kB	30.356 kB 🏆
Document	5.892 kB	5.188 kB 🏆	5.195 kB
Font	126.946 kB	126.606 kB 🏆	126.652 kB

Request Count

Category	Latest	Main	Branch
Total	45	45	45
Scripts	37	37	37
Stylesheet	5	5	5
Document	1	1	1
Font	2	2	2

github-actions[bot] commented 1 month ago

Tachometer results

Chrome

## action-bar [_permalink_](#user-content-action-bar) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 484 kB | 47.95ms - 50.24ms | - | faster ✔
2% - 9%
1.23ms - 4.74ms | | branch | 472 kB | 50.74ms - 53.41ms | slower ❌
2% - 10%
1.23ms - 4.74ms | - | ## action-button [_permalink_](#user-content-action-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 514 kB | 67.43ms - 69.79ms | - | faster ✔
2% - 6%
1.14ms - 4.13ms | | branch | 502 kB | 70.32ms - 72.16ms | slower ❌
2% - 6%
1.14ms - 4.13ms | - | ## action-group [_permalink_](#user-content-action-group) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 536 kB | 44.59ms - 45.92ms | - | faster ✔
5% - 9%
2.36ms - 4.20ms | | branch | 524 kB | 47.90ms - 49.17ms | slower ❌
5% - 9%
2.36ms - 4.20ms | - | ## action-menu [_permalink_](#user-content-action-menu) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 647 kB | 126.86ms - 130.34ms | - | faster ✔
5% - 8%
6.18ms - 11.28ms | | branch | 634 kB | 135.46ms - 139.20ms | slower ❌
5% - 9%
6.18ms - 11.28ms | - | ### test-directive [_permalink_](#user-content-action-menu-test-directive) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 604 kB | 58.54ms - 59.77ms | - | faster ✔
5% - 8%
2.92ms - 4.76ms | | branch | 591 kB | 62.31ms - 63.68ms | slower ❌
5% - 8%
2.92ms - 4.76ms | - | ### test-lazy [_permalink_](#user-content-action-menu-test-lazy) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 603 kB | 57.08ms - 58.27ms | - | faster ✔
5% - 8%
3.16ms - 5.16ms | | branch | 590 kB | 61.03ms - 62.63ms | slower ❌
5% - 9%
3.16ms - 5.16ms | - | ### test-open-close-directive [_permalink_](#user-content-action-menu-test-open-close-directive) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 789 kB | 1870.69ms - 1873.91ms | - | unsure 🔍
-0% - +0%
-2.51ms - +2.42ms | | branch | 777 kB | 1870.48ms - 1874.21ms | unsure 🔍
-0% - +0%
-2.42ms - +2.51ms | - | ### test-open-close [_permalink_](#user-content-action-menu-test-open-close) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 788 kB | 1857.10ms - 1859.67ms | - | unsure 🔍
-0% - +0%
-2.81ms - +0.86ms | | branch | 775 kB | 1858.05ms - 1860.66ms | unsure 🔍
-0% - +0%
-0.86ms - +2.81ms | - | ## alert-dialog [_permalink_](#user-content-alert-dialog) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 452 kB | 97.68ms - 98.58ms | - | faster ✔
1% - 2%
1.08ms - 2.48ms | | branch | 439 kB | 99.36ms - 100.44ms | slower ❌
1% - 3%
1.08ms - 2.48ms | - | ## button-group [_permalink_](#user-content-button-group) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 443 kB | 39.50ms - 40.64ms | - | faster ✔
4% - 8%
1.59ms - 3.28ms | | branch | 431 kB | 41.88ms - 43.13ms | slower ❌
4% - 8%
1.59ms - 3.28ms | - | ## button [_permalink_](#user-content-button) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 449 kB | 44.21ms - 45.52ms | - | faster ✔
3% - 7%
1.20ms - 3.13ms | | branch | 437 kB | 46.32ms - 47.73ms | slower ❌
3% - 7%
1.20ms - 3.13ms | - | ## card [_permalink_](#user-content-card) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 502 kB | 36.49ms - 37.18ms | - | faster ✔
1% - 4%
0.32ms - 1.46ms | | branch | 489 kB | 37.27ms - 38.17ms | slower ❌
1% - 4%
0.32ms - 1.46ms | - | ## coachmark [_permalink_](#user-content-coachmark) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 630 kB | 86.64ms - 88.65ms | - | faster ✔
4% - 7%
4.00ms - 6.90ms | | branch | 618 kB | 92.05ms - 94.13ms | slower ❌
5% - 8%
4.00ms - 6.90ms | - | ## combobox [_permalink_](#user-content-combobox) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 709 kB | 35.32ms - 35.70ms | - | faster ✔
3% - 4%
1.00ms - 1.59ms | | branch | 697 kB | 36.59ms - 37.03ms | slower ❌
3% - 4%
1.00ms - 1.59ms | - | ### light-dom-test [_permalink_](#user-content-combobox-light-dom-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 709 kB | 372.46ms - 378.24ms | - | faster ✔
3% - 5%
10.33ms - 19.10ms | | branch | 697 kB | 386.76ms - 393.36ms | slower ❌
3% - 5%
10.33ms - 19.10ms | - | ## dialog [_permalink_](#user-content-dialog) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 507 kB | 71.58ms - 72.19ms | - | faster ✔
1% - 2%
0.47ms - 1.58ms | | branch | 495 kB | 72.45ms - 73.37ms | slower ❌
1% - 2%
0.47ms - 1.58ms | - | ## illustrated-message [_permalink_](#user-content-illustrated-message) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 404 kB | 13.20ms - 13.42ms | - | faster ✔
1% - 4%
0.19ms - 0.51ms | | branch | 393 kB | 13.55ms - 13.78ms | slower ❌
1% - 4%
0.19ms - 0.51ms | - | ## infield-button [_permalink_](#user-content-infield-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 402 kB | 14.04ms - 14.30ms | - | faster ✔
5% - 8%
0.78ms - 1.25ms | | branch | 389 kB | 14.98ms - 15.38ms | slower ❌
5% - 9%
0.78ms - 1.25ms | - | ## menu [_permalink_](#user-content-menu) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 475 kB | 201.25ms - 204.68ms | - | faster ✔
1% - 4%
2.73ms - 9.19ms | | branch | 463 kB | 206.19ms - 211.66ms | slower ❌
1% - 5%
2.73ms - 9.19ms | - | ## number-field [_permalink_](#user-content-number-field) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 523 kB | 64.57ms - 66.12ms | - | faster ✔
8% - 12%
6.10ms - 8.50ms | | branch | 510 kB | 71.73ms - 73.56ms | slower ❌
9% - 13%
6.10ms - 8.50ms | - | ## overlay [_permalink_](#user-content-overlay) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 679 kB | 414.40ms - 417.29ms | - | faster ✔
1% - 2%
5.61ms - 9.68ms | | branch | 670 kB | 422.06ms - 424.92ms | slower ❌
1% - 2%
5.61ms - 9.68ms | - | ### directive-test [_permalink_](#user-content-overlay-directive-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 788 kB | 21.27ms - 21.69ms | - | faster ✔
8% - 11%
1.99ms - 2.71ms | | branch | 773 kB | 23.54ms - 24.12ms | slower ❌
9% - 13%
1.99ms - 2.71ms | - | ### element-test [_permalink_](#user-content-overlay-element-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 763 kB | 336.84ms - 340.18ms | - | faster ✔
2% - 4%
7.68ms - 12.70ms | | branch | 750 kB | 346.82ms - 350.58ms | slower ❌
2% - 4%
7.68ms - 12.70ms | - | ### lazy-test [_permalink_](#user-content-overlay-lazy-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 561 kB | 39.63ms - 40.52ms | - | faster ✔
5% - 8%
2.14ms - 3.60ms | | branch | 548 kB | 42.37ms - 43.52ms | slower ❌
5% - 9%
2.14ms - 3.60ms | - | ## picker-button [_permalink_](#user-content-picker-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 413 kB | 24.41ms - 24.87ms | - | faster ✔
4% - 7%
1.02ms - 1.74ms | | branch | 401 kB | 25.74ms - 26.31ms | slower ❌
4% - 7%
1.02ms - 1.74ms | - | ## picker [_permalink_](#user-content-picker) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 513 kB | 500.63ms - 509.03ms | - | faster ✔
1% - 3%
5.96ms - 17.38ms | | branch | 500 kB | 512.63ms - 520.37ms | slower ❌
1% - 3%
5.96ms - 17.38ms | - | ## popover [_permalink_](#user-content-popover) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 384 kB | 11.18ms - 11.29ms | - | faster ✔
2% - 4%
0.23ms - 0.41ms | | branch | 372 kB | 11.49ms - 11.63ms | slower ❌
2% - 4%
0.23ms - 0.41ms | - | ## progress-circle [_permalink_](#user-content-progress-circle) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 384 kB | 15.25ms - 15.72ms | - | faster ✔
1% - 7%
0.13ms - 1.07ms | | branch | 371 kB | 15.68ms - 16.49ms | slower ❌
1% - 7%
0.13ms - 1.07ms | - | ## search [_permalink_](#user-content-search) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 471 kB | 36.99ms - 37.75ms | - | faster ✔
3% - 6%
1.14ms - 2.20ms | | branch | 459 kB | 38.67ms - 39.41ms | slower ❌
3% - 6%
1.14ms - 2.20ms | - | ## slider [_permalink_](#user-content-slider) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 480 kB | 71.62ms - 73.38ms | - | faster ✔
5% - 8%
3.59ms - 6.58ms | | branch | 467 kB | 76.37ms - 78.79ms | slower ❌
5% - 9%
3.59ms - 6.58ms | - | ## split-button [_permalink_](#user-content-split-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 723 kB | 1855.08ms - 1858.42ms | - | unsure 🔍
-0% - +0%
-3.59ms - +1.37ms | | branch | 710 kB | 1856.02ms - 1859.70ms | unsure 🔍
-0% - +0%
-1.37ms - +3.59ms | - | ## tags [_permalink_](#user-content-tags) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 449 kB | 12.07ms - 12.19ms | - | unsure 🔍
-0% - +1%
-0.04ms - +0.16ms | | branch | 437 kB | 11.98ms - 12.14ms | unsure 🔍
-1% - +0%
-0.16ms - +0.04ms | - | ## thumbnail [_permalink_](#user-content-thumbnail) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 761 kB | 22.19ms - 22.31ms | - | faster ✔
4% - 6%
0.90ms - 1.36ms | | branch | 749 kB | 23.16ms - 23.60ms | slower ❌
4% - 6%
0.90ms - 1.36ms | - | ## toast [_permalink_](#user-content-toast) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 430 kB | 25.57ms - 26.11ms | - | faster ✔
2% - 5%
0.57ms - 1.38ms | | branch | 418 kB | 26.51ms - 27.12ms | slower ❌
2% - 5%
0.57ms - 1.38ms | - | ## tooltip [_permalink_](#user-content-tooltip) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 548 kB | 32.80ms - 33.55ms | - | faster ✔
2% - 6%
0.83ms - 1.93ms | | branch | 538 kB | 34.15ms - 34.96ms | slower ❌
2% - 6%
0.83ms - 1.93ms | - | ### test-directive [_permalink_](#user-content-tooltip-test-directive) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 533 kB | 22.60ms - 23.11ms | - | faster ✔
6% - 9%
1.44ms - 2.25ms | | branch | 534 kB | 24.38ms - 25.02ms | slower ❌
6% - 10%
1.44ms - 2.25ms | - | ### test-element [_permalink_](#user-content-tooltip-test-element) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 656 kB | 49.91ms - 50.92ms | - | faster ✔
4% - 7%
2.13ms - 3.55ms | | branch | 643 kB | 52.76ms - 53.75ms | slower ❌
4% - 7%
2.13ms - 3.55ms | - | ### test-lazy [_permalink_](#user-content-tooltip-test-lazy) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 632 kB | 40.59ms - 41.40ms | - | faster ✔
7% - 10%
3.11ms - 4.55ms | | branch | 619 kB | 44.22ms - 45.42ms | slower ❌
8% - 11%
3.11ms - 4.55ms | - | ## tray [_permalink_](#user-content-tray) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 522 kB | 94.21ms - 94.91ms | - | faster ✔
1% - 2%
0.91ms - 2.02ms | | branch | 509 kB | 95.60ms - 96.47ms | slower ❌
1% - 2%
0.91ms - 2.02ms | - | ## truncated [_permalink_](#user-content-truncated) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 528 kB | 53.74ms - 54.50ms | - | faster ✔
3% - 5%
1.63ms - 2.93ms | | branch | 516 kB | 55.87ms - 56.93ms | slower ❌
3% - 5%
1.63ms - 2.93ms | - | ## underlay [_permalink_](#user-content-underlay) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 360 kB | 9.23ms - 9.30ms | - | faster ✔
1% - 2%
0.06ms - 0.16ms | | branch | 349 kB | 9.34ms - 9.42ms | slower ❌
1% - 2%
0.06ms - 0.16ms | - |

Firefox

## action-bar [_permalink_](#user-content-action-bar) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 484 kB | 115.85ms - 121.99ms | - | faster ✔
0% - 7%
0.30ms - 8.82ms | | branch | 472 kB | 120.53ms - 126.43ms | slower ❌
0% - 7%
0.30ms - 8.82ms | - | ## action-button [_permalink_](#user-content-action-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 514 kB | 152.18ms - 157.50ms | - | unsure 🔍
-5% - -0%
-7.31ms - +0.03ms | | branch | 502 kB | 155.95ms - 161.01ms | unsure 🔍
-0% - +5%
-0.03ms - +7.31ms | - | ## action-group [_permalink_](#user-content-action-group) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 536 kB | 115.72ms - 120.92ms | - | faster ✔
2% - 8%
1.82ms - 9.46ms | | branch | 524 kB | 121.16ms - 126.76ms | slower ❌
1% - 8%
1.82ms - 9.46ms | - | ## action-menu [_permalink_](#user-content-action-menu) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 647 kB | 280.76ms - 283.40ms | - | faster ✔
11% - 13%
36.33ms - 41.51ms | | branch | 634 kB | 318.77ms - 323.23ms | slower ❌
13% - 15%
36.33ms - 41.51ms | - | ### test-directive [_permalink_](#user-content-action-menu-test-directive) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 604 kB | 132.88ms - 135.44ms | - | unsure 🔍
-1% - +1%
-1.01ms - +1.73ms | | branch | 591 kB | 133.32ms - 134.28ms | unsure 🔍
-1% - +1%
-1.73ms - +1.01ms | - | ### test-lazy [_permalink_](#user-content-action-menu-test-lazy) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 603 kB | 150.22ms - 156.82ms | - | slower ❌
5% - 12%
7.65ms - 16.55ms | | branch | 590 kB | 138.43ms - 144.41ms | faster ✔
5% - 11%
7.65ms - 16.55ms | - | ### test-open-close-directive [_permalink_](#user-content-action-menu-test-open-close-directive) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 789 kB | 1902.95ms - 1914.53ms | - | slower ❌
1% - 1%
13.78ms - 26.18ms | | branch | 777 kB | 1886.55ms - 1890.97ms | faster ✔
1% - 1%
13.78ms - 26.18ms | - | ### test-open-close [_permalink_](#user-content-action-menu-test-open-close) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 788 kB | 1886.47ms - 1892.29ms | - | unsure 🔍
-0% - +0%
-4.21ms - +4.13ms | | branch | 775 kB | 1886.44ms - 1892.40ms | unsure 🔍
-0% - +0%
-4.13ms - +4.21ms | - | ## alert-dialog [_permalink_](#user-content-alert-dialog) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 452 kB | 197.23ms - 202.65ms | - | faster ✔
1% - 5%
2.28ms - 11.40ms | | branch | 439 kB | 203.12ms - 210.44ms | slower ❌
1% - 6%
2.28ms - 11.40ms | - | ## button-group [_permalink_](#user-content-button-group) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 443 kB | 94.93ms - 101.59ms | - | faster ✔
4% - 14%
3.78ms - 15.02ms | | branch | 431 kB | 103.14ms - 112.18ms | slower ❌
4% - 15%
3.78ms - 15.02ms | - | ## button [_permalink_](#user-content-button) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 449 kB | 103.46ms - 111.26ms | - | unsure 🔍
-9% - +0%
-9.78ms - +0.62ms | | branch | 437 kB | 108.50ms - 115.38ms | unsure 🔍
-1% - +9%
-0.62ms - +9.78ms | - | ## card [_permalink_](#user-content-card) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 502 kB | 77.60ms - 84.12ms | - | unsure 🔍
-9% - +2%
-7.28ms - +1.96ms | | branch | 489 kB | 80.25ms - 86.79ms | unsure 🔍
-3% - +9%
-1.96ms - +7.28ms | - | ## coachmark [_permalink_](#user-content-coachmark) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 630 kB | 189.08ms - 191.84ms | - | faster ✔
4% - 6%
7.41ms - 12.31ms | | branch | 618 kB | 198.29ms - 202.35ms | slower ❌
4% - 6%
7.41ms - 12.31ms | - | ## combobox [_permalink_](#user-content-combobox) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 709 kB | 60.53ms - 64.63ms | - | unsure 🔍
-3% - +4%
-2.15ms - +2.47ms | | branch | 697 kB | 61.36ms - 63.48ms | unsure 🔍
-4% - +3%
-2.47ms - +2.15ms | - | ### light-dom-test [_permalink_](#user-content-combobox-light-dom-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 709 kB | 740.70ms - 751.78ms | - | slower ❌
1% - 5%
6.45ms - 32.47ms | | branch | 697 kB | 715.02ms - 738.54ms | faster ✔
1% - 4%
6.45ms - 32.47ms | - | ## dialog [_permalink_](#user-content-dialog) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 507 kB | 120.19ms - 127.85ms | - | unsure 🔍
-5% - +3%
-6.23ms - +4.31ms | | branch | 495 kB | 121.35ms - 128.61ms | unsure 🔍
-3% - +5%
-4.31ms - +6.23ms | - | ## illustrated-message [_permalink_](#user-content-illustrated-message) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 404 kB | 26.37ms - 27.15ms | - | unsure 🔍
-3% - +2%
-0.68ms - +0.52ms | | branch | 393 kB | 26.39ms - 27.29ms | unsure 🔍
-2% - +3%
-0.52ms - +0.68ms | - | ## infield-button [_permalink_](#user-content-infield-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 402 kB | 34.25ms - 36.91ms | - | unsure 🔍
-9% - +1%
-3.20ms - +0.24ms | | branch | 389 kB | 35.97ms - 38.15ms | unsure 🔍
-1% - +9%
-0.24ms - +3.20ms | - | ## menu [_permalink_](#user-content-menu) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 475 kB | 429.01ms - 442.31ms | - | faster ✔
1% - 5%
4.88ms - 22.76ms | | branch | 463 kB | 443.50ms - 455.46ms | slower ❌
1% - 5%
4.88ms - 22.76ms | - | ## number-field [_permalink_](#user-content-number-field) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 523 kB | 148.60ms - 154.92ms | - | faster ✔
5% - 9%
7.29ms - 15.03ms | | branch | 510 kB | 160.69ms - 165.15ms | slower ❌
5% - 10%
7.29ms - 15.03ms | - | ## overlay [_permalink_](#user-content-overlay) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 770 kB | 643.42ms - 660.86ms | - | slower ❌
4% - 7%
21.93ms - 41.23ms | | branch | 757 kB | 616.42ms - 624.70ms | faster ✔
3% - 6%
21.93ms - 41.23ms | - | ### directive-test [_permalink_](#user-content-overlay-directive-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 773 kB | 46.75ms - 47.25ms | - | faster ✔
4% - 7%
2.21ms - 3.55ms | | branch | 761 kB | 49.26ms - 50.50ms | slower ❌
5% - 8%
2.21ms - 3.55ms | - | ### element-test [_permalink_](#user-content-overlay-element-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 763 kB | 661.65ms - 668.23ms | - | slower ❌
4% - 5%
24.74ms - 33.46ms | | branch | 750 kB | 632.98ms - 638.70ms | faster ✔
4% - 5%
24.74ms - 33.46ms | - | ### lazy-test [_permalink_](#user-content-overlay-lazy-test) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 561 kB | 96.88ms - 105.52ms | - | slower ❌
1% - 10%
1.21ms - 9.95ms | | branch | 548 kB | 94.97ms - 96.27ms | faster ✔
1% - 10%
1.21ms - 9.95ms | - | ## picker-button [_permalink_](#user-content-picker-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 413 kB | 57.70ms - 62.34ms | - | unsure 🔍
-10% - +1%
-6.19ms - +0.51ms | | branch | 401 kB | 60.45ms - 65.27ms | unsure 🔍
-1% - +10%
-0.51ms - +6.19ms | - | ## picker [_permalink_](#user-content-picker) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 513 kB | 1010.00ms - 1039.24ms | - | faster ✔
3% - 6%
35.55ms - 67.53ms | | branch | 500 kB | 1069.69ms - 1082.63ms | slower ❌
3% - 7%
35.55ms - 67.53ms | - | ## popover [_permalink_](#user-content-popover) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 384 kB | 29.59ms - 34.29ms | - | unsure 🔍
-12% - +7%
-4.13ms - +2.21ms | | branch | 372 kB | 30.76ms - 35.04ms | unsure 🔍
-7% - +13%
-2.21ms - +4.13ms | - | ## progress-circle [_permalink_](#user-content-progress-circle) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 384 kB | 38.21ms - 40.87ms | - | unsure 🔍
-7% - +5%
-2.73ms - +1.89ms | | branch | 371 kB | 38.07ms - 41.85ms | unsure 🔍
-5% - +7%
-1.89ms - +2.73ms | - | ## search [_permalink_](#user-content-search) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 471 kB | 68.84ms - 73.24ms | - | faster ✔
5% - 15%
3.69ms - 11.79ms | | branch | 459 kB | 75.37ms - 82.19ms | slower ❌
5% - 17%
3.69ms - 11.79ms | - | ## slider [_permalink_](#user-content-slider) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 480 kB | 162.85ms - 167.63ms | - | faster ✔
2% - 6%
3.26ms - 9.98ms | | branch | 467 kB | 169.50ms - 174.22ms | slower ❌
2% - 6%
3.26ms - 9.98ms | - | ## split-button [_permalink_](#user-content-split-button) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 723 kB | 1875.90ms - 1879.70ms | - | unsure 🔍
-0% - -0%
-6.82ms - -1.50ms | | branch | 710 kB | 1880.10ms - 1883.82ms | unsure 🔍
+0% - +0%
+1.50ms - +6.82ms | - | ## tags [_permalink_](#user-content-tags) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 449 kB | 29.22ms - 31.74ms | - | unsure 🔍
-0% - +11%
-0.03ms - +3.27ms | | branch | 437 kB | 27.79ms - 29.93ms | unsure 🔍
-11% - -0%
-3.27ms - +0.03ms | - | ## thumbnail [_permalink_](#user-content-thumbnail) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 761 kB | 53.96ms - 56.32ms | - | unsure 🔍
-3% - +2%
-1.90ms - +0.90ms | | branch | 749 kB | 54.88ms - 56.40ms | unsure 🔍
-2% - +3%
-0.90ms - +1.90ms | - | ## toast [_permalink_](#user-content-toast) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 430 kB | 61.21ms - 64.91ms | - | faster ✔
1% - 9%
0.52ms - 6.28ms | | branch | 418 kB | 64.25ms - 68.67ms | slower ❌
1% - 10%
0.52ms - 6.28ms | - | ## tooltip [_permalink_](#user-content-tooltip) ### test-basic | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 656 kB | 82.36ms - 87.16ms | - | slower ❌
12% - 19%
8.58ms - 13.86ms | | branch | 643 kB | 72.45ms - 74.63ms | faster ✔
10% - 16%
8.58ms - 13.86ms | - | ### test-directive [_permalink_](#user-content-tooltip-test-directive) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 533 kB | 46.91ms - 48.33ms | - | faster ✔
20% - 27%
11.84ms - 17.48ms | | branch | 521 kB | 59.55ms - 65.01ms | slower ❌
25% - 37%
11.84ms - 17.48ms | - | ### test-element [_permalink_](#user-content-tooltip-test-element) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 656 kB | 113.88ms - 119.60ms | - | faster ✔
4% - 10%
4.68ms - 12.24ms | | branch | 643 kB | 122.72ms - 127.68ms | slower ❌
4% - 11%
4.68ms - 12.24ms | - | ### test-lazy [_permalink_](#user-content-tooltip-test-lazy) | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 632 kB | 93.78ms - 97.86ms | - | faster ✔
5% - 10%
4.89ms - 10.91ms | | branch | 619 kB | 101.50ms - 105.94ms | slower ❌
5% - 12%
4.89ms - 10.91ms | - | ## tray [_permalink_](#user-content-tray) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 522 kB | 175.45ms - 183.35ms | - | unsure 🔍
-5% - +1%
-9.29ms - +2.41ms | | branch | 509 kB | 178.52ms - 187.16ms | unsure 🔍
-1% - +5%
-2.41ms - +9.29ms | - | ## truncated [_permalink_](#user-content-truncated) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 528 kB | 104.81ms - 112.31ms | - | unsure 🔍
-6% - +3%
-6.91ms - +3.35ms | | branch | 516 kB | 106.84ms - 113.84ms | unsure 🔍
-3% - +6%
-3.35ms - +6.91ms | - | ## underlay [_permalink_](#user-content-underlay) ### basic-test | Version | Bytes | Avg Time | vs remote | vs branch | |---|---|---|---|---| | npm latest | 360 kB | 23.30ms - 25.46ms | - | unsure 🔍
-12% - +2%
-3.16ms - +0.60ms | | branch | 349 kB | 24.12ms - 27.20ms | unsure 🔍
-3% - +13%
-0.60ms - +3.16ms | - |

adobe / spectrum-web-components