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

Remove await from getByX

Browse Source
This commit is contained in:
Kasper Peulen 2023-10-31 08:58:58 +01:00
parent ec26ed8743
commit 76c3821987
18 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
code/frameworks/angular/template/cli/Page.stories.ts
View File

@ -38,14 +38,14 @@ export const LoggedIn: Story = {
}), }),
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/frameworks/nextjs/template/cli/js/Page.stories.js
View File

@ -16,14 +16,14 @@ export const LoggedOut = {};
export const LoggedIn = { export const LoggedIn = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/frameworks/nextjs/template/cli/ts-3-8/Page.stories.ts
View File

@ -21,14 +21,14 @@ export const LoggedOut: Story = {};
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/frameworks/nextjs/template/cli/ts-4-9/Page.stories.ts
View File

@ -21,14 +21,14 @@ export const LoggedOut: Story = {};
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/html/template/cli/js/Page.stories.js
View File

@ -16,14 +16,14 @@ export const LoggedOut = {};
export const LoggedIn = { export const LoggedIn = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/html/template/cli/ts-3-8/Page.stories.ts
View File

@ -19,14 +19,14 @@ export const LoggedOut: StoryObj = {};
export const LoggedIn: StoryObj = { export const LoggedIn: StoryObj = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/html/template/cli/ts-4-9/Page.stories.ts
View File

@ -19,14 +19,14 @@ export const LoggedOut: StoryObj = {};
export const LoggedIn: StoryObj = { export const LoggedIn: StoryObj = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/preact/template/cli/Page.stories.jsx
View File

@ -17,14 +17,14 @@ export const LoggedOut = {};
export const LoggedIn = { export const LoggedIn = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/react/template/cli/js/Page.stories.js
View File

@ -17,14 +17,14 @@ export const LoggedOut = {};
export const LoggedIn = { export const LoggedIn = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/react/template/cli/ts-3-8/Page.stories.ts
View File

@ -21,14 +21,14 @@ export const LoggedOut: Story = {};
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/react/template/cli/ts-4-9/Page.stories.ts
View File

@ -21,14 +21,14 @@ export const LoggedOut: Story = {};
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/svelte/template/cli/js/Page.stories.js
View File

@ -17,14 +17,14 @@ export const LoggedOut = {};
export const LoggedIn = { export const LoggedIn = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/svelte/template/cli/ts-3-8/Page.stories.ts
View File

@ -21,14 +21,14 @@ export const LoggedOut: Story = {};
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/svelte/template/cli/ts-4-9/Page.stories.ts
View File

@ -21,14 +21,14 @@ export const LoggedOut: Story = {};
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/vue/template/cli/Page.stories.js
View File

@ -19,14 +19,14 @@ export const LoggedOut = {};
export const LoggedIn = { export const LoggedIn = {
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/vue3/template/cli/js/Page.stories.js
View File

@ -22,14 +22,14 @@ export const LoggedIn = {
}), }),
play: async ({ canvasElement }) => { play: async ({ canvasElement }) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/vue3/template/cli/ts-3-8/Page.stories.ts
View File

@ -24,14 +24,14 @@ type Story = StoryObj<typeof MyPage>;
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }: any) => { play: async ({ canvasElement }: any) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();

4
code/renderers/vue3/template/cli/ts-4-9/Page.stories.ts
View File

@ -24,14 +24,14 @@ type Story = StoryObj<typeof meta>;
export const LoggedIn: Story = { export const LoggedIn: Story = {
play: async ({ canvasElement }: any) => { play: async ({ canvasElement }: any) => {
const canvas = within(canvasElement); const canvas = within(canvasElement);
const loginButton = await canvas.getByRole('button', { const loginButton = canvas.getByRole('button', {
name: /Log in/i, name: /Log in/i,
}); });
await expect(loginButton).toBeInTheDocument(); await expect(loginButton).toBeInTheDocument();
await userEvent.click(loginButton); await userEvent.click(loginButton);
await expect(loginButton).not.toBeInTheDocument(); await expect(loginButton).not.toBeInTheDocument();
const logoutButton = await canvas.getByRole('button', { const logoutButton = canvas.getByRole('button', {
name: /Log out/i, name: /Log out/i,
}); });
await expect(logoutButton).toBeInTheDocument(); await expect(logoutButton).toBeInTheDocument();