GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

e2e tests for save-from-controls

Browse Source
This commit is contained in:
Norbert de Langen 2024-04-17 13:57:49 +02:00
parent 897becde40
commit 3e6637379c
3 changed files with 73 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
code/e2e-tests/save-from-controls.spec.ts Normal file
View File

@ -0,0 +1,69 @@
import { test } from '@playwright/test';
import process from 'process';
import { SbPage } from './util';
const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
const type = process.env.STORYBOOK_TYPE || 'dev';
test.describe('save-from-controls', () => {
test.skip(type === 'build', `Skipping save-from-controls tests for production Storybooks`);
test('Should be able to update a story', async ({ page }) => {
await page.goto(storybookUrl);
const sbPage = new SbPage(page);
await sbPage.waitUntilLoaded();
await sbPage.navigateToStory('example/button', 'primary');
await sbPage.viewAddonPanel('Controls');
// Update an arg
const label = sbPage.panelContent().locator('textarea[name=label]');
const value = await label.inputValue();
await label.fill(value + ' Updated');
// Assert the footer is shown
await sbPage.panelContent().locator('[data-short-label="Unsaved changes"]').isVisible();
// update the story
await sbPage.panelContent().locator('button').getByText('Update story').click();
// Assert the file is saved
const notification = await sbPage.page.waitForSelector('[title="Story saved"]');
await notification.isVisible();
// dismiss
await notification.click();
await notification.isHidden();
// cleanup
await label.fill(value);
await sbPage.panelContent().locator('button').getByText('Update story').click();
await sbPage.page.waitForSelector('[title="Story saved"]');
});
test('Should be able to clone a story', async ({ page }) => {
await page.goto(storybookUrl);
const sbPage = new SbPage(page);
await sbPage.waitUntilLoaded();
await sbPage.navigateToStory('example/button', 'primary');
await sbPage.viewAddonPanel('Controls');
// Update an arg
const label = sbPage.panelContent().locator('textarea[name=label]');
await label.fill((await label.inputValue()) + ' Copied');
// Assert the footer is shown
await sbPage.panelContent().locator('[data-short-label="Unsaved changes"]').isVisible();
// clone the story
await sbPage.panelContent().locator('button').getByText('Create new story').click();
(await sbPage.page.waitForSelector('[placeholder="Story export name"]')).fill('ClonedStory');
(await sbPage.page.waitForSelector('[type="submit"]')).click();
// Assert the file is saved
const notification = await sbPage.page.waitForSelector('[title="Story saved"]');
await notification.isVisible();
});
});

4
scripts/tasks/e2e-tests-build.ts
View File

@ -3,11 +3,12 @@ import type { Task } from '../task';
import { exec } from '../utils/exec';
import { PORT } from './serve';
export const e2eTestsBuild: Task & { port: number } = {
export const e2eTestsBuild: Task & { port: number; type: 'build' | 'dev' } = {
description: 'Run e2e tests against a sandbox in prod mode',
dependsOn: ['serve'],
junit: true,
port: PORT,
type: 'build',
async ready() {
return false;
},
@ -29,6 +30,7 @@ export const e2eTestsBuild: Task & { port: number } = {
{
env: {
STORYBOOK_URL: `http://localhost:${this.port}`,
STORYBOOK_TYPE: this.type,
STORYBOOK_TEMPLATE_NAME: key,
...(junitFilename && {
PLAYWRIGHT_JUNIT_OUTPUT_NAME: junitFilename,

1
scripts/tasks/e2e-tests-dev.ts
View File

@ -6,4 +6,5 @@ export const e2eTestsDev: typeof e2eTestsBuild = {
description: 'Run e2e tests against a sandbox in dev mode',
dependsOn: ['dev'],
port: PORT,
type: 'dev',
};