File tree 29 files changed +529
-539
lines changed
01.problem.installation-and-setup
01.solution.installation-and-setup
02.problem.migrate-the-test
02.solution.migrate-the-test
04.solution.shared-assets
05.problem.multiple-workspaces
05.solution.multiple-workspaces
01.problem.accessibility-selectors
01.solution.accessibility-selectors
03.problem.network-mocking
03.solution.network-mocking
04.problem.element-presence
04.solution.element-presence
05.problem.page-navigation
05.solution.page-navigation
01.solution.dom-snapshots
29 files changed +529
-539
lines changed Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@testing-library/dom" : " ^10.4.0" ,
16
16
"@testing-library/jest-dom" : " ^6.6.3" ,
17
17
"@testing-library/react" : " ^16.1.0" ,
18
18
"@testing-library/user-event" : " ^14.5.2" ,
19
19
"@types/react" : " ^19.0.6" ,
20
20
"@types/react-dom" : " ^19.0.3" ,
21
21
"@vitejs/plugin-react" : " ^4.3.4" ,
22
- "@vitest/browser" : " ^3.0.5" ,
23
22
"jsdom" : " ^26.0.0" ,
24
- "tailwindcss" : " ^4.0.7 " ,
25
- "vite" : " ^6.0.7 " ,
26
- "vitest" : " ^3.0.5 "
23
+ "tailwindcss" : " ^4.0.11 " ,
24
+ "vite" : " ^6.2.0 " ,
25
+ "vitest" : " ^3.0.7 "
27
26
}
28
27
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@testing-library/dom" : " ^10.4.0" ,
16
16
"@testing-library/jest-dom" : " ^6.6.3" ,
17
17
"@testing-library/react" : " ^16.1.0" ,
18
18
"@types/react" : " ^19.0.6" ,
19
19
"@types/react-dom" : " ^19.0.3" ,
20
20
"@vitejs/plugin-react" : " ^4.3.4" ,
21
- "@vitest/browser" : " ^3.0.5" ,
22
21
"jsdom" : " ^26.0.0" ,
23
- "tailwindcss" : " ^4.0.7 " ,
24
- "vite" : " ^6.0.7 " ,
25
- "vitest" : " ^3.0.5 "
22
+ "tailwindcss" : " ^4.0.11 " ,
23
+ "vite" : " ^6.2.0 " ,
24
+ "vitest" : " ^3.0.7 "
26
25
}
27
26
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@testing-library/dom" : " ^10.4.0" ,
16
16
"@testing-library/react" : " ^16.1.0" ,
17
17
"@types/react" : " ^19.0.6" ,
18
18
"@types/react-dom" : " ^19.0.3" ,
19
19
"@vitejs/plugin-react" : " ^4.3.4" ,
20
20
"@vitest/browser" : " ^3.0.5" ,
21
21
"jsdom" : " ^26.0.0" ,
22
- "tailwindcss" : " ^4.0.7 " ,
23
- "vite" : " ^6.0.7 " ,
24
- "vitest" : " ^3.0.5 "
22
+ "tailwindcss" : " ^4.0.11 " ,
23
+ "vite" : " ^6.2.0 " ,
24
+ "vitest" : " ^3.0.7 "
25
25
}
26
26
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
19
- "tailwindcss" : " ^4.0.7 " ,
20
- "vite" : " ^6.0.7 " ,
21
- "vitest" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
+ "tailwindcss" : " ^4.0.11 " ,
20
+ "vite" : " ^6.2.0 " ,
21
+ "vitest" : " ^3.0.7 " ,
22
22
"vitest-browser-react" : " ^0.0.4"
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
19
- "tailwindcss" : " ^4.0.7 " ,
20
- "vite" : " ^6.0.7 " ,
21
- "vitest" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
+ "tailwindcss" : " ^4.0.11 " ,
20
+ "vite" : " ^6.2.0 " ,
21
+ "vitest" : " ^3.0.7 " ,
22
22
"vitest-browser-react" : " ^0.0.4"
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
19
- "tailwindcss" : " ^4.0.7 " ,
20
- "vite" : " ^6.0.7 " ,
21
- "vitest" : " ^3.0.5 "
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
+ "tailwindcss" : " ^4.0.11 " ,
20
+ "vite" : " ^6.2.0 " ,
21
+ "vitest" : " ^3.0.7 "
22
22
}
23
23
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
19
- "tailwindcss" : " ^4.0.7 " ,
20
- "vite" : " ^6.0.7 " ,
21
- "vitest" : " ^3.0.5 "
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
+ "tailwindcss" : " ^4.0.11 " ,
20
+ "vite" : " ^6.2.0 " ,
21
+ "vitest" : " ^3.0.7 "
22
22
}
23
23
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 13
13
"react-dom" : " ^19.0.0"
14
14
},
15
15
"devDependencies" : {
16
- "@tailwindcss/vite" : " ^4.0.7 " ,
16
+ "@tailwindcss/vite" : " ^4.0.11 " ,
17
17
"@types/node" : " ^22.10.6" ,
18
18
"@types/react" : " ^19.0.6" ,
19
19
"@types/react-dom" : " ^19.0.3" ,
20
20
"@vitejs/plugin-react" : " ^4.3.4" ,
21
- "@vitest/browser" : " ^3.0.5 " ,
21
+ "@vitest/browser" : " ^3.0.7 " ,
22
22
"playwright" : " ^1.49.1" ,
23
- "tailwindcss" : " ^4.0.7 " ,
24
- "vite" : " ^6.0.7 " ,
25
- "vitest" : " ^3.0.5 "
23
+ "tailwindcss" : " ^4.0.11 " ,
24
+ "vite" : " ^6.2.0 " ,
25
+ "vitest" : " ^3.0.7 "
26
26
}
27
27
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"playwright" : " ^1.49.1" ,
20
- "tailwindcss" : " ^4.0.7 " ,
21
- "vite" : " ^6.0.7 " ,
22
- "vitest" : " ^3.0.5 "
20
+ "tailwindcss" : " ^4.0.11 " ,
21
+ "vite" : " ^6.2.0 " ,
22
+ "vitest" : " ^3.0.7 "
23
23
}
24
24
}
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"msw" : " ^2.7.3" ,
20
20
"playwright" : " ^1.49.1" ,
21
- "tailwindcss" : " ^4.0.7 " ,
22
- "vite" : " ^6.0.7 " ,
23
- "vitest" : " ^3.0.5 "
21
+ "tailwindcss" : " ^4.0.11 " ,
22
+ "vite" : " ^6.2.0 " ,
23
+ "vitest" : " ^3.0.7 "
24
24
},
25
25
"msw" : {
26
26
"workerDirectory" : [
Original file line number Diff line number Diff line change 11
11
"react-dom" : " ^19.0.0"
12
12
},
13
13
"devDependencies" : {
14
- "@tailwindcss/vite" : " ^4.0.7 " ,
14
+ "@tailwindcss/vite" : " ^4.0.11 " ,
15
15
"@types/react" : " ^19.0.6" ,
16
16
"@types/react-dom" : " ^19.0.3" ,
17
17
"@vitejs/plugin-react" : " ^4.3.4" ,
18
- "@vitest/browser" : " ^3.0.5 " ,
18
+ "@vitest/browser" : " ^3.0.7 " ,
19
19
"msw" : " ^2.7.3" ,
20
20
"playwright" : " ^1.49.1" ,
21
- "tailwindcss" : " ^4.0.7 " ,
22
- "vite" : " ^6.0.7 " ,
23
- "vitest" : " ^3.0.5 "
21
+ "tailwindcss" : " ^4.0.11 " ,
22
+ "vite" : " ^6.2.0 " ,
23
+ "vitest" : " ^3.0.7 "
24
24
},
25
25
"msw" : {
26
26
"workerDirectory" : [
You can’t perform that action at this time.
0 commit comments