test: playwright cache (#237)

.gitignore

@@ -13,6 +13,6 @@ build
 storybook-static
 
 #Playwright
-/playwright/playwright/.cache
-/playwright-report
-/test-results
+.cache*
+playwright-report*
+/test-results

package.json

@@ -38,6 +38,7 @@
     "playwright:install": "playwright install --with-deps",
     "playwright": "playwright test --config=playwright/playwright.config.ts",
     "playwright:update": "npm run playwright -- -u",
+    "playwright:clear-cache": "rm -rf ./playwright/.cache",
     "playwright:docker": "./scripts/playwright-docker.sh 'npm run playwright'",
     "playwright:docker:update": "./scripts/playwright-docker.sh 'npm run playwright:update'",
     "playwright:docker:clear-cache": "./scripts/playwright-docker.sh clear-cache"

playwright/README.md

@@ -104,6 +104,7 @@ npm run playwright:docker
 - `npm run playwright:install` - install playwright browsers and dependencies
 - `npm run playwright` - run tests
 - `npm run playwright:update` - update screenshots
+- `npm run playwright:clear-cache` - clear cache vite
 - `npm run playwright:docker` - run tests using docker
 - `npm run playwright:docker:update` - update screenshots using docker
-- `npm run playwright:docker:clear-cache` - clear node_modules cache for docker container
+- `npm run playwright:docker:clear-cache` - clear node_modules cache for docker container and clear cache vite

playwright/playwright.config.ts

@@ -16,7 +16,10 @@ reporter.push(
         'html',
         {
             open: process.env.CI ? 'never' : 'on-failure',
-            outputFolder: resolve(process.cwd(), 'playwright-report'),
+            outputFolder: resolve(
+                process.cwd(),
+                process.env.IS_DOCKER ? 'playwright-report-docker' : 'playwright-report',
+            ),
         },
     ],
 );
@@ -52,6 +55,7 @@ const config: PlaywrightTestConfig = {
         /* Port to use for Playwright component endpoint. */
         screenshot: 'only-on-failure',
         timezoneId: 'UTC',
+        ctCacheDir: process.env.IS_DOCKER ? '.cache-docker' : '.cache',
         ctViteConfig: {
             plugins: [react()],
             resolve: {

scripts/playwright-docker.sh

@@ -15,6 +15,7 @@ run_command() {
     $CONTAINER_TOOL run --rm --network host -it -w /work \
         -v $(pwd):/work \
         -v "$NODE_MODULES_CACHE_DIR:/work/node_modules" \
+        -e IS_DOCKER=1 \
         "$IMAGE_NAME:$IMAGE_TAG" \
         /bin/bash -c "$1"
 }
@@ -30,6 +31,7 @@ fi
 
 if [[ "$1" = "clear-cache" ]]; then
     rm -rf "$NODE_MODULES_CACHE_DIR"
+    rm -rf "./playwright/.cache-docker"
     exit 0
 fi