-
Notifications
You must be signed in to change notification settings - Fork 11
152 lines (125 loc) · 3.79 KB
/
storybook.yml
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
# https://storybook.js.org/docs/vue/writing-tests/test-runner#run-against-non-deployed-storybooks
name: 'Storybook'
on:
push:
branches:
- main
paths:
- 'apps/vue-storybook/**'
- 'packages/common/**'
- 'packages/vue/**'
pull_request:
paths:
- 'apps/vue-storybook/**'
- 'packages/common/**'
- 'packages/vue/**'
jobs:
build:
timeout-minutes: 60
runs-on: ubuntu-latest
steps:
- name: Checkout 🛎️
uses: actions/checkout@v4
- name: Setup pnpm
uses: pnpm/action-setup@v4
- name: Set up Node ⬢
uses: actions/setup-node@v4
with:
node-version-file: '.nvmrc'
cache: 'pnpm'
- name: Install dependencies 🧱
run: pnpm i
- name: Build Storybook
run: make vue-storybook-build
- name: Upload build to artifacts
uses: actions/upload-artifact@v4
with:
name: storybook
path: apps/vue-storybook/storybook_compiled
a11y-tests:
needs: build
timeout-minutes: 60
runs-on: ubuntu-latest
steps:
- name: Checkout 🛎️
uses: actions/checkout@v4
- name: Setup pnpm
uses: pnpm/action-setup@v4
- name: Set up Node ⬢
uses: actions/setup-node@v4
with:
node-version-file: '.nvmrc'
cache: 'pnpm'
- name: Install dependencies 🧱
run: pnpm i
- name: Install Playwright
run: pnpm --filter @explorer-1/vue-storybook exec playwright install
- name: Download storybook build
uses: actions/[email protected]
with:
name: storybook
path: apps/vue-storybook/storybook_compiled
- name: Serve Storybook & Run tests
run: |
npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
"pnpm --filter @explorer-1/vue-storybook start" \
"pnpm --filter @explorer-1/vue-storybook test:ci"
visual-tests:
needs: [build, a11y-tests]
timeout-minutes: 30
runs-on: ubuntu-latest
steps:
- name: Checkout 🛎️
uses: actions/checkout@v4
- name: Setup pnpm
uses: pnpm/action-setup@v4
- name: Set up Node ⬢
uses: actions/setup-node@v4
with:
node-version-file: '.nvmrc'
cache: 'pnpm'
- name: Install dependencies 🧱
run: pnpm i
- name: Download storybook build
uses: actions/[email protected]
with:
name: storybook
path: apps/vue-storybook/storybook_compiled
- name: Run Percy
id: run-percy
env:
PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
run: pnpm --filter @explorer-1/vue-storybook percy
publish:
needs: [build, a11y-tests]
timeout-minutes: 30
runs-on: ubuntu-latest
steps:
- name: Checkout 🛎️
uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Setup pnpm
uses: pnpm/action-setup@v4
- name: Set up Node ⬢
uses: actions/setup-node@v4
with:
node-version-file: '.nvmrc'
cache: 'pnpm'
- name: Install dependencies 🧱
run: pnpm i
- name: Download storybook build
uses: actions/[email protected]
with:
name: storybook
path: apps/vue-storybook/storybook_compiled
- uses: chromaui/action@latest
# Options required for Chromatic's GitHub Action
with:
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
token: ${{ secrets.GITHUB_TOKEN }}
storybookBaseDir: 'apps/vue-storybook'
storybookBuildDir: 'apps/vue-storybook/storybook_compiled'
autoAcceptChanges: 'main'
exitZeroOnChanges: true
exitOnceUploaded: true