Isaac Sanchez-HawkinsandIsaac Sanchez
2bf0c17b05
* fix(ui): associate save plan title label * test(ui): make save plan label test locale-independent --------- Co-authored-by: Isaac Sanchez <isanchez-hawkins@arize.com>
43 lines
1.5 KiB
TypeScript
43 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import { describe, expect, mock, test } from 'bun:test';
|
|
import { renderToStaticMarkup } from 'react-dom/server';
|
|
|
|
import { I18nProvider } from '@/lib/i18n';
|
|
|
|
type MockDialogProps = React.PropsWithChildren<{ open?: boolean; className?: string }>;
|
|
|
|
mock.module('@/components/ui/dialog', () => ({
|
|
Dialog: ({ children, open = true }: MockDialogProps) => (open ? <>{children}</> : null),
|
|
DialogContent: ({ children }: MockDialogProps) => <div>{children}</div>,
|
|
DialogDescription: ({ children }: MockDialogProps) => <p>{children}</p>,
|
|
DialogFooter: ({ children }: MockDialogProps) => <div>{children}</div>,
|
|
DialogHeader: ({ children }: MockDialogProps) => <div>{children}</div>,
|
|
DialogTitle: ({ children }: MockDialogProps) => <h2>{children}</h2>,
|
|
}));
|
|
|
|
const { SaveProjectPlanDialog } = await import('./SaveProjectPlanDialog');
|
|
|
|
describe('SaveProjectPlanDialog', () => {
|
|
test('associates the title label with the title input', () => {
|
|
const markup = renderToStaticMarkup(
|
|
<I18nProvider>
|
|
<SaveProjectPlanDialog
|
|
open={true}
|
|
onOpenChange={() => {}}
|
|
initialTitle="Implementation plan"
|
|
sourceText="Plan content"
|
|
onSave={() => {}}
|
|
/>
|
|
</I18nProvider>,
|
|
);
|
|
|
|
const labelMatch = markup.match(/<label[^>]*for="([^"]+)"[^>]*>/);
|
|
if (!labelMatch) {
|
|
throw new Error('Expected a label associated with the title input');
|
|
}
|
|
|
|
const [, titleInputId] = labelMatch;
|
|
expect(markup).toContain(`id="${titleInputId}"`);
|
|
});
|
|
});
|