@brightspace-ui/core 2.152.1 → 2.153.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
@@ -123,29 +123,14 @@ npm run test:headless:watch
|
|
123
123
|
|
124
124
|
Note: The axe tests require `prefers-reduced-motion` emulation to be turned on in the dev console if debugging in a local browser.
|
125
125
|
|
126
|
-
|
127
|
-
|
128
|
-
This repo uses the [@brightspace-ui/visual-diff utility](https://github.com/BrightspaceUI/visual-diff/) to compare current snapshots against a set of golden snapshots stored in source control.
|
129
|
-
|
130
|
-
The golden snapshots in source control must be updated by the [visual-diff GitHub Action](https://github.com/BrightspaceUI/actions/tree/main/visual-diff). If a pull request results in visual differences, a draft pull request with the new goldens will automatically be opened against its branch.
|
131
|
-
|
132
|
-
To run the tests locally to help troubleshoot or develop new tests, first install these dependencies:
|
126
|
+
This repo uses [@brightspace-ui/testing](https://github.com/BrightspaceUI/testing)'s vdiff command to perform visual regression testing:
|
133
127
|
|
134
128
|
```shell
|
135
|
-
|
136
|
-
|
129
|
+
# vdiff
|
130
|
+
npm run test:vdiff
|
137
131
|
|
138
|
-
|
139
|
-
|
140
|
-
Then run the tests:
|
141
|
-
|
142
|
-
```shell
|
143
|
-
# run visual-diff tests
|
144
|
-
npx mocha './**/*.visual-diff.js' -t 10000
|
145
|
-
# subset of visual-diff tests:
|
146
|
-
npx mocha './**/*.visual-diff.js' -t 10000 -g some-pattern
|
147
|
-
# update visual-diff goldens
|
148
|
-
npx mocha './**/*.visual-diff.js' -t 10000 --golden
|
132
|
+
# re-generate goldens
|
133
|
+
npm run test:vdiff golden
|
149
134
|
```
|
150
135
|
|
151
136
|
## Versioning & Releasing
|
@@ -92,8 +92,7 @@ class DemoSnippet extends LitElement {
|
|
92
92
|
}
|
93
93
|
d2l-dropdown.settings-dropdown.peek,
|
94
94
|
d2l-dropdown.settings-dropdown:hover,
|
95
|
-
d2l-dropdown.settings-dropdown:focus-within
|
96
|
-
d2l-dropdown.settings-dropdown:has(d2l-button-subtle[active]) {
|
95
|
+
d2l-dropdown.settings-dropdown:focus-within {
|
97
96
|
box-shadow: 0 -1px 0 1px white;
|
98
97
|
translate: 0;
|
99
98
|
}
|
@@ -47,7 +47,7 @@ A loading spinner indicates that something is happening and we don't know how lo
|
|
47
47
|
|
48
48
|
## Future Improvements
|
49
49
|
|
50
|
-
- Ability to "freeze" the spinner at a specified frame to make
|
50
|
+
- Ability to "freeze" the spinner at a specified frame to make vdiff testing easier
|
51
51
|
|
52
52
|
Looking for an enhancement not listed here? Create a GitHub issue!
|
53
53
|
<!-- docs: end hidden content -->
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@brightspace-ui/core",
|
3
|
-
"version": "2.
|
3
|
+
"version": "2.153.1",
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
5
5
|
"type": "module",
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|