gitscope
← marzneshin / v0.3.0-alpha3 / dashboard/src/components/entity-table/tests/dialogs.mock.tsx
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/entity-table/tests/dialogs.mock.tsx · TypeScript
Blame Raw
 1
 2import { Dialog, DialogContent, UseDialogProps } from '@marzneshin/components'
 3import { MockDataType } from './data.mock'
 4
 5export const MockDialog = ({ open, onOpenChange, entity }: UseDialogProps<MockDataType>) => {
 6    return (
 7        <Dialog open={open} onOpenChange={onOpenChange} defaultOpen={false}>
 8            <DialogContent data-testid={entity ? "edit-mutation-dialog" : "create-mutation-dialog"}>
 9                <span data-testid="name">{entity?.name}</span>
10                <span data-testid="operating-system">{entity?.operatingSystem}</span>
11                <span data-testid="proxy-protocol">{entity?.proxyProtocol}</span>
12            </DialogContent>
13        </Dialog>
14    )
15};
16
17
18export const MockDeleteConfirmationDialog = ({ open, onOpenChange, entity }: UseDialogProps<MockDataType>) => {
19    return (
20        <Dialog open={open} onOpenChange={onOpenChange} defaultOpen={false}>
21            <DialogContent data-testid={entity ? "delete-confirmation-dialog" : null}>
22                <span data-testid="name">{entity?.name}</span>
23                <span data-testid="operating-system">{entity?.operatingSystem}</span>
24                <span data-testid="proxy-protocol">{entity?.proxyProtocol}</span>
25            </DialogContent>
26        </Dialog>
27    )
28};
29
30
31export const MockSettingsDialog = ({ open, onOpenChange, entity }: UseDialogProps<MockDataType>) => {
32    return (
33        <Dialog open={open} onOpenChange={onOpenChange} defaultOpen={false}>
34            <DialogContent data-testid="settings-dialog">
35                <span data-testid="name">{entity?.name}</span>
36                <span data-testid="operating-system">{entity?.operatingSystem}</span>
37                <span data-testid="proxy-protocol">{entity?.proxyProtocol}</span>
38            </DialogContent>
39        </Dialog>
40    )
41};