mirror of
https://github.com/Novaloop-AG/healthchat-web.git
synced 2026-11-08 07:28:26 +00:00
doc: update SC visual test doc (#31897)
This commit is contained in:
+1
-31
@@ -98,30 +98,7 @@ For more information about visual testing, see [Visual Testing](playwright#visua
|
|||||||
|
|
||||||
### Shared Components Tests
|
### Shared Components Tests
|
||||||
|
|
||||||
The shared-components package uses Playwright (via Storybook test runner) to validate component rendering across different states and configurations.
|
See the [Shared Components README](../packages/shared-components/README.md#visual-regression-tests) for instructions on running the shared components Playwright tests.
|
||||||
|
|
||||||
**Run Storybook tests:**
|
|
||||||
|
|
||||||
```sh
|
|
||||||
cd packages/shared-components
|
|
||||||
yarn test:storybook
|
|
||||||
```
|
|
||||||
|
|
||||||
**Run Storybook tests in CI mode:**
|
|
||||||
|
|
||||||
```sh
|
|
||||||
cd packages/shared-components
|
|
||||||
yarn test:storybook:ci
|
|
||||||
```
|
|
||||||
|
|
||||||
**Update Storybook screenshots:**
|
|
||||||
|
|
||||||
```sh
|
|
||||||
cd packages/shared-components
|
|
||||||
yarn test:storybook:update
|
|
||||||
```
|
|
||||||
|
|
||||||
This uses the same Docker-based screenshot rendering as Element Web to ensure consistency across platforms.
|
|
||||||
|
|
||||||
### Projects
|
### Projects
|
||||||
|
|
||||||
@@ -148,13 +125,6 @@ Misc:
|
|||||||
- `playwright/pages/` - Page object models
|
- `playwright/pages/` - Page object models
|
||||||
- `playwright/plugins/` - Custom Playwright plugins
|
- `playwright/plugins/` - Custom Playwright plugins
|
||||||
|
|
||||||
**Shared components tests** are located in `packages/shared-components/`:
|
|
||||||
|
|
||||||
- `packages/shared-components/playwright/snapshots/` - Storybook screenshot baselines
|
|
||||||
- `packages/shared-components/.storybook/` - Storybook configuration
|
|
||||||
|
|
||||||
The shared components use Storybook's test runner (powered by Playwright) to validate component rendering across different states and configurations.
|
|
||||||
|
|
||||||
### Homeserver Setup
|
### Homeserver Setup
|
||||||
|
|
||||||
Homeservers (Synapse or Dendrite) are launched by Playwright workers and reused for all tests matching the worker configuration.
|
Homeservers (Synapse or Dendrite) are launched by Playwright workers and reused for all tests matching the worker configuration.
|
||||||
|
|||||||
@@ -281,6 +281,11 @@ Each story will be rendered and a screenshot will be taken and compared to the
|
|||||||
existing baseline. If there are visual changes or AXE violation, the test will
|
existing baseline. If there are visual changes or AXE violation, the test will
|
||||||
fail.
|
fail.
|
||||||
|
|
||||||
|
Screenshots are located in `packages/shared-components/__vis__/`.
|
||||||
|
|
||||||
|
> [!IMPORTANT]
|
||||||
|
> In case of docker issues with Playwright, see [playwright EW documentation](https://github.com/element-hq/element-web/blob/develop/docs/playwright.md#supported-container-runtimes).
|
||||||
|
|
||||||
### Translations
|
### Translations
|
||||||
|
|
||||||
First see our [translation guide](../../docs/translation.md) and [translation dev guide](../../docs/translation-dev.md).
|
First see our [translation guide](../../docs/translation.md) and [translation dev guide](../../docs/translation-dev.md).
|
||||||
|
|||||||
Reference in New Issue
Block a user