-
Notifications
You must be signed in to change notification settings - Fork 23
144 lines (133 loc) · 4.51 KB
/
test-stories.yaml
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
# Chromatic action from https://www.chromatic.com/docs/github-actions
# Publish to Chromatic for snapshot tests then use storybook/test-runner to test stories
name: test stories
on:
pull_request:
types:
- opened
- synchronize
- ready_for_review
# When Changesets opens a PR it does not trigger GitHub actions,
# because its token does not have permission to. This is a hack
# to allow one of us to trigger GitHub actions for a changesets PR
# by enabling automerge on the PR.
pull_request_target:
types:
- auto_merge_enabled
branches:
- main # the target branch of the PR
paths:
- "**/CHANGELOG.md" # only changesets releases touch changelogs
env:
ARTIFACT_NAME: artifact--storybook-build
jobs:
run-check:
name: Check if we should run Storybook tests
if: github.head_ref != 'changeset-release/main' && github.event.pull_request.draft == false
runs-on: ubuntu-latest
steps:
- run: echo "Run the Storybook tests"
build-test-storybook:
needs: run-check
runs-on: ubuntu-latest
steps:
- name: Checkout repository
uses: actions/checkout@v4
- uses: ./.github/actions/setup
- run: pnpm turbo @docs/storybook#build:test
- name: Upload Storybook build as artifact
uses: actions/upload-artifact@v4
with:
name: ${{ env.ARTIFACT_NAME }}
path: "./docs/storybook-static"
retention-days: 1
storybook-tests-1:
name: "test-storybook"
needs: build-test-storybook
runs-on: ubuntu-latest
timeout-minutes: 10
steps:
- uses: actions/checkout@v4
- uses: ./.github/actions/setup
- name: Install Playwright
run: pnpm dlx playwright install --with-deps
- uses: ./.github/actions/run-storybook
with:
artifactName: ${{ env.ARTIFACT_NAME }}
- name: Storybook tests (1/3)
run: pnpm turbo @docs/storybook#test:storybook -- --shard 1/3
storybook-tests-2:
name: "test-storybook"
needs: build-test-storybook
runs-on: ubuntu-latest
timeout-minutes: 10
steps:
- uses: actions/checkout@v4
- uses: ./.github/actions/setup
- name: Install Playwright
run: pnpm dlx playwright install --with-deps
- uses: ./.github/actions/run-storybook
with:
artifactName: ${{ env.ARTIFACT_NAME }}
- name: Storybook tests (2/3)
run: pnpm turbo @docs/storybook#test:storybook -- --shard 2/3
storybook-tests-3:
name: "test-storybook"
needs: build-test-storybook
runs-on: ubuntu-latest
timeout-minutes: 10
steps:
- uses: actions/checkout@v4
- uses: ./.github/actions/setup
- name: Install Playwright
run: pnpm dlx playwright install --with-deps
- uses: ./.github/actions/run-storybook
with:
artifactName: ${{ env.ARTIFACT_NAME }}
- name: Storybook tests (3/3)
run: pnpm turbo @docs/storybook#test:storybook -- --shard 3/3
chromatic:
needs: run-check
runs-on: ubuntu-latest
outputs:
storybookUrl: ${{ steps.publishChromatic.outputs.storybookUrl }}
steps:
- name: Checkout repository
uses: actions/checkout@v4
with:
fetch-depth: 0
- uses: ./.github/actions/setup
- name: Build Storybook for Chromatic
# We want both stories and docs for the branch preview
run: pnpm turbo @docs/storybook#build:chromatic
- id: publishChromatic
name: Publish to Chromatic
uses: chromaui/action@v11
with:
token: ${{ github.token }}
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
storybookBuildDir: "./docs/storybook-static"
storybookBaseDir: "./docs"
onlyChanged: "!(main)"
externals: |
**/!(*.module).scss
packages/components/**/*.css
update-branch-preview:
runs-on: ubuntu-latest
timeout-minutes: 10
needs: chromatic
env:
COMMIT_SHA: ${{ github.event.pull_request.head.sha }}
steps:
- uses: actions/checkout@v4
with:
ref: ${{ env.COMMIT_SHA }}
- name: Get commit message
id: getCommitMessage
run: echo "commitMessage=$(git show -s --format=%s)" >> "$GITHUB_OUTPUT"
- uses: ./.github/actions/branch-preview
with:
prNumber: ${{ github.event.pull_request.number }}
commitSha: ${{ env.COMMIT_SHA }}
commitMessage: ${{ steps.getCommitMessage.outputs.commitMessage }}
storybookUrl: ${{ needs.chromatic.outputs.storybookUrl }}