@opengeoweb/theme 9.10.2 → 9.12.0
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 +5 -9
- package/index.esm.js +3147 -1084
- package/package.json +1 -1
- package/src/lib/components/Icons/Icons.d.ts +2 -0
- package/src/lib/stories/Accordion.stories.d.ts +2 -0
- package/src/lib/stories/Avatar.stories.d.ts +2 -0
- package/src/lib/stories/Backdrop.stories.d.ts +2 -0
- package/src/lib/stories/Button.stories.d.ts +2 -0
- package/src/lib/stories/Card.stories.d.ts +2 -0
- package/src/lib/stories/Colors.stories.d.ts +2 -0
- package/src/lib/stories/Elevation.stories.d.ts +2 -0
- package/src/lib/stories/FormElements.stories.d.ts +2 -0
- package/src/lib/stories/IconButton.stories.d.ts +2 -0
- package/src/lib/stories/Icons.stories.d.ts +2 -0
- package/src/lib/stories/List.stories.d.ts +2 -0
- package/src/lib/stories/MenuItem.stories.d.ts +4 -1
- package/src/lib/stories/Select.stories.d.ts +2 -0
- package/src/lib/stories/Slider.stories.d.ts +2 -0
- package/src/lib/stories/Snackbar.stories.d.ts +2 -0
- package/src/lib/stories/Switch.stories.d.ts +2 -0
- package/src/lib/stories/Table.stories.d.ts +2 -0
- package/src/lib/stories/Tabs.stories.d.ts +2 -0
- package/src/lib/stories/TextField.stories.d.ts +2 -0
- package/src/lib/stories/ToggleButton.stories.d.ts +2 -0
- package/src/lib/stories/Tooltip.stories.d.ts +2 -0
- package/src/lib/stories/Typography.stories.d.ts +2 -0
- package/src/lib/storyshots/Storyshots.spec.d.ts +0 -1
package/README.md
CHANGED
|
@@ -467,20 +467,16 @@ This footer is only used for when the wrapper is resizable. Therefore it would m
|
|
|
467
467
|
nx test theme
|
|
468
468
|
```
|
|
469
469
|
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
The current regex filters on storykind `snapshots/`. So that means all stories inside the snapshots folder in storybook will be included. To add a new snapshot test, add a story inside the folder `libs/theme/src/lib/stories/snapshots`, and make sure in storybook itself it's also shown under snapshots.
|
|
470
|
+
### Running snapshot tests and updating snapshots locally
|
|
473
471
|
|
|
474
472
|
[Read more about snapshot testing](https://gitlab.com/opengeoweb/opengeoweb/#image-snapshot-testing)
|
|
475
473
|
|
|
476
|
-
### Running snapshot tests and updating snapshots locally
|
|
477
|
-
|
|
478
474
|
1. You need to have [docker](https://docs.docker.com/get-docker/) installed and running.
|
|
479
|
-
2. Start Chromium by running: `npm run start-
|
|
475
|
+
2. Start Chromium by running: `npm run start-snapshot-server`. (This will start a docker container with chromium, to run snapshot tests in. We need this to make sure everyone gets the same snapshot results.)
|
|
480
476
|
3. Run the snapshot tests: `npm run test:image-snap-theme`. This will first create a new static storybook build and then run the tests.
|
|
481
|
-
4. If a snapshot test fails, you can find and inspect the differences in `libs/theme/src/lib/
|
|
482
|
-
5. To update the snapshots, run `npm run test:image-snap-theme-update`. Snapshots are saved under `libs/theme/src/lib/
|
|
483
|
-
6. Stop Chromium by running: `npm run stop-
|
|
477
|
+
4. If a snapshot test fails, you can find and inspect the differences in `libs/theme/src/lib/__image_snapshots__/__diff_output__/`.
|
|
478
|
+
5. To update the snapshots, run `npm run test:image-snap-theme-update`. Snapshots are saved under `libs/theme/src/lib/__image_snapshots__/`. Make sure to commit the new snapshots.
|
|
479
|
+
6. Stop Chromium by running: `npm run stop-snapshot-server`.
|
|
484
480
|
|
|
485
481
|
## Questions and feedback
|
|
486
482
|
|