mirror of
https://github.com/aaronpo97/the-biergarten-app.git
synced 2026-10-14 17:54:42 +00:00
38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
import { expect, within } from 'storybook/test';
|
|
import BreweryDetailsCard from './BreweryDetailsCard';
|
|
|
|
const breweryDetailsCardDescription = `Sidebar "Details" card on the brewery detail page: founded year, brewery type, and beer count. Founded year and type are currently filler pending backend support — see BREWERY_HANDOFF.md.`;
|
|
|
|
const meta = {
|
|
title: 'Breweries/BreweryDetailsCard',
|
|
component: BreweryDetailsCard,
|
|
tags: ['autodocs'],
|
|
args: {
|
|
foundedYear: 2014,
|
|
type: 'Microbrewery',
|
|
beerCount: 9,
|
|
},
|
|
parameters: {
|
|
layout: 'padded',
|
|
docs: {
|
|
description: {
|
|
component: breweryDetailsCardDescription,
|
|
},
|
|
},
|
|
},
|
|
} satisfies Meta<typeof BreweryDetailsCard>;
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
export const Default: Story = {
|
|
play: async ({ canvasElement }) => {
|
|
const canvas = within(canvasElement);
|
|
await expect(canvas.getByText('Founded')).toBeInTheDocument();
|
|
await expect(canvas.getByText('2014')).toBeInTheDocument();
|
|
await expect(canvas.getByText('Microbrewery')).toBeInTheDocument();
|
|
await expect(canvas.getByText('9')).toBeInTheDocument();
|
|
},
|
|
};
|