playwright.config.ts
2.55 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
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
import { defineConfig, devices } from '@playwright/test'
// Chromium – 3 breakpoints
const projectsChromium = [
{
name: 'chromium-pixel5',
use: {
...devices['Pixel 5'],
viewport: { width: 360, height: 800 },
isMobile: true,
hasTouch: true,
},
},
{
name: 'chromium-768',
use: {
...devices['Desktop Chrome'],
viewport: { width: 768, height: 800 },
},
},
{
name: 'chromium-1920',
use: {
...devices['Desktop Chrome'],
viewport: { width: 1920, height: 800 },
},
},
]
// WebKit – 2 breakpoints
const projectsWebKit = [
{
name: 'webkit-360',
use: {
...devices['Desktop Safari'],
viewport: { width: 360, height: 800 },
isMobile: true,
hasTouch: true,
},
},
{
name: 'webkit-1920',
use: {
...devices['Desktop Safari'],
viewport: { width: 1920, height: 800 },
},
},
]
// Mobile Safari (iOS emulation) – 1 breakpoint
const projectsSafari = [
{
name: 'mobile-safari-iphone12',
use: { ...devices['iPhone 12'] },
},
]
// Firefox – 1 breakpoint
const projectsFirefox = [
{
name: 'firefox-1920',
use: {
...devices['Desktop Firefox'],
viewport: { width: 1920, height: 800 },
},
},
]
/**
* See https://playwright.dev/docs/test-configuration.
*/
export default defineConfig({
/* Run tests in files in parallel */
fullyParallel: true,
/* 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: {
/* Base URL to use in actions like `await page.goto('/')`. */
baseURL: process.env.E2E_BASE_URL ?? '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: [
// We balance the number of breakpoints.
...projectsChromium,
...projectsWebKit,
...projectsSafari,
...projectsFirefox,
],
snapshotPathTemplate: '__screenshots__/{projectName}/{testFilePath}/{testName}{ext}',
expect: {
timeout: process.env.CI ? 10_000 : 5_000,
// toHaveScreenshot: {
// maxDiffPixelRatio: 0.02,
// },
},
})