41f7ae08a8
- adds a process-compose namespace for running `storybook` and `luakit` together to replicate the `webkit`-based rendering that happens inside of `webview` - adds some helper scripts for running storybook tests and updating snapshots, with documentation in the README. - adds a `clan-app-ui-storybook` package which builds and tests the storybook, checking for rendering changes Currently, we’re only doing markup-based snapshot tests. We’re also using headless chromium for the tests by default as I couldn't get webkit to work in the nix build. As we’re only markup-based for the time being, this should be ok. But eventually I'd like to get it working with webkit.
13 lines
416 B
TypeScript
13 lines
416 B
TypeScript
import type { TestRunnerConfig } from "@storybook/test-runner";
|
|
|
|
const config: TestRunnerConfig = {
|
|
async postVisit(page, context) {
|
|
// the #storybook-root element wraps the story. In Storybook 6.x, the selector is #root
|
|
const elementHandler = await page.$("#storybook-root");
|
|
const innerHTML = await elementHandler.innerHTML();
|
|
expect(innerHTML).toMatchSnapshot();
|
|
},
|
|
};
|
|
|
|
export default config;
|