mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
30 lines
833 B
TypeScript
30 lines
833 B
TypeScript
import type { Meta, StoryObj } from "@storybook/react";
|
|
import { within, userEvent } from "@storybook/testing-library";
|
|
|
|
import { Page } from "./Page";
|
|
|
|
const meta: Meta<typeof Page> = {
|
|
title: "Example/Page",
|
|
component: Page,
|
|
parameters: {
|
|
// More on how to position stories at: https://storybook.js.org/docs/react/configure/story-layout
|
|
layout: "fullscreen",
|
|
},
|
|
};
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof Page>;
|
|
|
|
export const LoggedOut: Story = {};
|
|
|
|
// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
|
|
export const LoggedIn: Story = {
|
|
play: async ({ canvasElement }) => {
|
|
const canvas = within(canvasElement);
|
|
const loginButton = await canvas.getByRole("button", {
|
|
name: /Log in/i,
|
|
});
|
|
await userEvent.click(loginButton);
|
|
},
|
|
};
|