Skip to content

Commit 84d82f4

Browse files
committed
playwright ci
1 parent 2de82de commit 84d82f4

File tree

4 files changed

+134
-8
lines changed

4 files changed

+134
-8
lines changed

.github/workflows/playwright.yml

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
name: "Run Playwright tests"
2+
3+
on:
4+
pull_request:
5+
push:
6+
branches:
7+
- main
8+
- 'releases/*'
9+
workflow_dispatch:
10+
11+
jobs:
12+
test-linux:
13+
name: Playwright tests on ${{ matrix.os }} (headless=${{ matrix.headless }})
14+
runs-on: ubuntu-20.04
15+
16+
strategy:
17+
fail-fast: false
18+
matrix:
19+
headless: [true]
20+
21+
steps:
22+
# 1. Checkout the repository
23+
- uses: actions/checkout@v3
24+
25+
# 2. Setup Node.js
26+
- name: Setup Node.js
27+
uses: actions/setup-node@v3
28+
with:
29+
node-version: '20'
30+
31+
# 3. Setup pnpm
32+
- name: Setup pnpm
33+
uses: pnpm/action-setup@v2
34+
with:
35+
version: 7.x
36+
37+
# 4. Cache pnpm dependencies
38+
- name: Cache pnpm dependencies
39+
uses: actions/cache@v3
40+
with:
41+
path: |
42+
~/.pnpm-store
43+
node_modules
44+
key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
45+
restore-keys: |
46+
${{ runner.os }}-pnpm-store-
47+
48+
# 5. Cache Playwright browsers
49+
- name: Cache Playwright browsers
50+
uses: actions/cache@v3
51+
with:
52+
path: ~/.cache/ms-playwright
53+
key: ${{ runner.os }}-playwright-${{ hashFiles('**/package.json') }}
54+
restore-keys: |
55+
${{ runner.os }}-playwright-
56+
57+
# 6. Install dependencies
58+
- name: Install dependencies
59+
run: pnpm install
60+
61+
# 7. Cache build output for idb-cache package
62+
- name: Cache idb-cache build output
63+
uses: actions/cache@v3
64+
with:
65+
path: packages/idb-cache/dist
66+
key: ${{ runner.os }}-idb-cache-build-${{ hashFiles('packages/idb-cache/**/*.ts') }}
67+
restore-keys: |
68+
${{ runner.os }}-idb-cache-build-
69+
70+
# 8. Build the @instructure/idb-cache package
71+
- name: Build idb-cache package
72+
run: pnpm --filter @instructure/idb-cache build
73+
74+
# 9. Cache build output for idb-cache-app
75+
- name: Cache idb-cache-app build output
76+
uses: actions/cache@v3
77+
with:
78+
path: apps/idb-cache-app/dist
79+
key: ${{ runner.os }}-idb-cache-app-build-${{ hashFiles('apps/idb-cache-app/**/*.ts') }}
80+
restore-keys: |
81+
${{ runner.os }}-idb-cache-app-build-
82+
83+
# 10. Build the idb-cache-app
84+
- name: Build idb-cache-app
85+
run: pnpm --filter idb-cache-app build
86+
87+
# 11. Install Playwright browsers
88+
- name: Install Playwright browsers
89+
run: pnpm --filter idb-cache-app exec playwright install
90+
91+
# 12. Serve the idb-cache-app
92+
- name: Serve idb-cache-app
93+
run: pnpm --filter idb-cache-app preview -- --port 3000 &
94+
# The '&' runs the serve command in the background
95+
96+
# 13. Wait for the server to be ready
97+
- name: Wait for idb-cache-app to be ready
98+
run: |
99+
for i in {1..60}; do
100+
if curl -s http://localhost:3000 > /dev/null; then
101+
echo "Server is ready!"
102+
break
103+
fi
104+
echo "Waiting for server to be ready... ($i/60)"
105+
sleep 1
106+
done
107+
108+
# 14. Run Playwright tests in headless mode
109+
- name: Run Playwright tests (Headless)
110+
if: ${{ matrix.headless == true }}
111+
run: pnpm --filter idb-cache-app test
112+
113+
# 15. Run Playwright tests in headful mode on Linux
114+
- name: Run Playwright tests (Headful)
115+
if: ${{ matrix.headless == false }}
116+
run: |
117+
export HEADFUL=true
118+
xvfb-run --auto-servernum -- pnpm --filter idb-cache-app test

packages/idb-cache-app/package.json

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,8 @@
55
"scripts": {
66
"dev": "rsbuild dev --open",
77
"build": "rsbuild build",
8-
"preview": "rsbuild preview"
8+
"preview": "rsbuild preview",
9+
"test": "playwright test"
910
},
1011
"dependencies": {
1112
"@instructure/idb-cache": "workspace:*",
@@ -14,7 +15,6 @@
1415
"react-dom": "^18.3.1"
1516
},
1617
"devDependencies": {
17-
"@playwright/test": "^1.48.2",
1818
"@instructure/ui": "^9.9.0",
1919
"@instructure/ui-buttons": "^9.9.0",
2020
"@instructure/ui-flex": "^9.9.0",
@@ -23,12 +23,15 @@
2323
"@instructure/ui-number-input": "^9.9.0",
2424
"@instructure/ui-text-input": "^9.9.0",
2525
"@instructure/ui-view": "^9.9.0",
26+
"@playwright/test": "^1.48.2",
2627
"@rsbuild/core": "^1.0.19",
2728
"@rsbuild/plugin-react": "^1.0.6",
2829
"@types/random-seed": "^0.3.5",
2930
"@types/react": "^18.3.12",
3031
"@types/react-dom": "^18.3.1",
3132
"daisyui": "^4.12.14",
33+
"idb": "^8.0.0",
34+
"playwright": "^1.48.2",
3235
"tailwindcss": "^3.4.15",
3336
"typescript": "^5.6.3"
3437
}

packages/idb-cache/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,12 +26,12 @@
2626
"biome:check": "biome check . --write"
2727
},
2828
"peerDependencies": {
29-
"@rslib/core": "^0.0.15",
30-
"idb": "^8.0.0"
29+
"@rslib/core": "^0.0.15"
3130
},
3231
"devDependencies": {
3332
"@rslib/core": "^0.0.15",
3433
"@types/node": "^22.9.0",
34+
"idb": "^8.0.0",
3535
"typescript": "^5.6.3"
3636
}
3737
}

pnpm-lock.yaml

Lines changed: 9 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)