-
Notifications
You must be signed in to change notification settings - Fork 0
/
playwright.config.js
172 lines (163 loc) · 3.94 KB
/
playwright.config.js
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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
// @ts-check
const { devices } = require('@playwright/test');
/**
* Read environment variables from file.
* https://github.com/motdotla/dotenv
*/
// require('dotenv').config();
/**
* @see https://playwright.dev/docs/test-configuration
* @type {import('@playwright/test').PlaywrightTestConfig}
*/
const config = {
/* Maximum time one test can run for. */
timeout: 30 * 1000,
expect: {
/**
* Maximum time expect() should wait for the condition to be met.
* For example in `await expect(locator).toHaveText();`
*/
timeout: 5000
},
/* Fail the build on CI if you accidentally left test.only in the source code. */
forbidOnly: !!process.env.CI,
/* Retry on CI only */
retries: process.env.CI ? 2 : 0,
/* Opt out of parallel tests on CI. */
workers: process.env.CI ? 1 : undefined,
/* Reporter to use. See https://playwright.dev/docs/test-reporters */
reporter: 'html',
/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
use: {
/* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
actionTimeout: 0,
/* Base URL to use in actions like `await page.goto('/')`. */
// baseURL: 'http://localhost:3000',
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
trace: 'on-first-retry',
},
/* Configure projects for major browsers */
projects: [
/* 各デバイスごとのテスト - full page */
{
name: 'chromium',
testDir: './tests/devices',
use: {
...devices['Desktop Chrome'],
},
},
{
name: 'firefox',
testDir: './tests/devices',
use: {
...devices['Desktop Firefox'],
},
},
{
name: 'webkit',
testDir: './tests/devices',
use: {
...devices['Desktop Safari'],
},
},
{
name: 'Mobile Chrome',
use: {
...devices['Pixel 5'],
},
},
{
name: 'Mobile Safari',
use: {
...devices['iPhone 12'],
},
},
{
name: 'small',
use: {
...devices['iPhone SE'],
},
},
{
name: 'small-landscape',
use: {
...devices['iPhone SE landscape'],
},
},
{
name: 'High Device-Pixel-Ratio x3',
use: {
...devices['iPhone X'],
},
},
/* 各デバイスごとのテスト - first view */
{
name: 'webkit',
testDir: './tests/firstview',
use: {
...devices['Desktop Safari'],
},
},
{
name: 'small',
testDir: './tests/firstview',
use: {
...devices['iPhone SE'],
},
},
{
name: 'small-landscape',
testDir: './tests/firstview',
use: {
...devices['iPhone SE landscape'],
},
},
/* Viewport 毎のテスト
MEMO: Bootstrap に見るブレークポイントの種類
https://getbootstrap.jp/docs/5.0/layout/breakpoints/
X-Small < 576px
Small ≥576px
Medium ≥768px
Large ≥992px
Extra large ≥1200px
Extra extra large ≥1400px
*/
{
name: 'chromium-sm',
testDir: './tests/viewports',
use: {
...devices['Desktop Chrome'],
viewport: { width: 320, height: 720 },
},
},
{
name: 'chromium-xlg',
testDir: './tests/viewports',
use: {
...devices['Desktop Chrome'],
viewport: { width: 1280, height: 720 },
},
},
/* Test against branded browsers. */
// {
// name: 'Microsoft Edge',
// use: {
// channel: 'msedge',
// },
// },
// {
// name: 'Google Chrome',
// use: {
// channel: 'chrome',
// },
// },
],
/* Folder for test artifacts such as screenshots, videos, traces, etc. */
// outputDir: 'test-results/',
/* Run your local dev server before starting the tests */
// webServer: {
// command: 'npm run start',
// port: 3000,
// },
};
module.exports = config;