3c72d043e2
Fix/select payment method set form name * fix(selectPaymentMethod): Set form name for tests * fix(selectPaymentMethod): Set form name for tests
48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import type { ComponentProps } from 'react'
|
|
import type { Meta, StoryObj } from '@storybook/nextjs-vite'
|
|
import { fn, expect } from 'storybook/test'
|
|
import { SelectPaymentMethod } from './index'
|
|
import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMethod'
|
|
import { FormDecorator } from '../../../../.storybook/decorators/FormDecorator'
|
|
|
|
const meta: Meta<typeof SelectPaymentMethod> = {
|
|
title: 'Components/Payment/SelectCreditCard',
|
|
component: SelectPaymentMethod,
|
|
argTypes: {},
|
|
decorators: [FormDecorator],
|
|
}
|
|
|
|
export default meta
|
|
|
|
type Story = StoryObj<typeof SelectPaymentMethod>
|
|
|
|
export const PrimaryDefault: Story = {
|
|
args: {
|
|
formName: 'paymentMethod',
|
|
onChange: fn(),
|
|
paymentMethods: [
|
|
{
|
|
id: 'klarna',
|
|
alias: 'Card 1',
|
|
cardType: PaymentMethodEnum.klarna,
|
|
truncatedNumber: '1234',
|
|
},
|
|
{
|
|
id: 'applePay',
|
|
alias: 'Card 2',
|
|
cardType: PaymentMethodEnum.applePay,
|
|
truncatedNumber: '1234',
|
|
},
|
|
],
|
|
} satisfies ComponentProps<typeof SelectPaymentMethod>,
|
|
|
|
play: async ({ canvas, userEvent, args }) => {
|
|
const options = await canvas.findAllByRole('radio')
|
|
expect(options[0]).toBeInTheDocument()
|
|
|
|
expect(args.onChange).not.toHaveBeenCalled()
|
|
await userEvent.click(options[0])
|
|
expect(args.onChange).toHaveBeenCalledWith('klarna')
|
|
},
|
|
}
|