BillingAddressEdit.stories.ts
1.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import BillingAddressEdit from './BillingAddressEdit.vue'
import { BillingAddress } from '../../types'
export default {
title: 'BillingAddressEdit',
component: BillingAddressEdit,
tags: ['autodocs'],
}
export const Default = () => ({
components: { BillingAddressEdit },
data() {
return {
lastEvent: '',
billingAddress: {
id: '1',
name: 'Name',
isPrimary: false,
street: 'Ap #285-7193 Ullamcorper Avenue',
city: 'Amesbury',
state: 'HI',
postalCode: '93373',
country: 'US',
} satisfies BillingAddress,
}
},
template: `
<BillingAddressEdit
:billingAddress="billingAddress"
submitText="Update"
@save="lastEvent = 'save'"
@cancel="lastEvent = 'cancel'"
/>
<br>
<p>Last event: <span data-testid="lastEvent">{{ lastEvent }}</span></p>`,
})
export const Empty = () => ({
components: { BillingAddressEdit },
data() {
return {
billingAddress: {
id: '1',
name: '',
isPrimary: false,
street: '',
city: '',
state: '',
postalCode: '',
country: '',
} satisfies BillingAddress,
}
},
template: `
<BillingAddressEdit
:billingAddress="billingAddress"
submitText="Create"
/>`,
})