test: add playwright mobile config

Author: KrupaPammi

package.json

@@ -37,10 +37,15 @@
     "start": "node scripts/start.js",
     "build": "node scripts/build.js",
     "lint": "eslint --color src",
-    "test:playwright-local": "playwright test --config=./playwright-local/playwright-local.config.js --project=chromium",
-    "test:playwright-local--h": "playwright test --config=./playwright-local/playwright-local.config.js --project=chromium --headed",
+    "test:playwright-local:local": "playwright test --config=./playwright-local/playwright-local.config.js",
+    "test:playwright-local:local:chromium": "playwright test --config=./playwright-local/playwright-local.config.js --project=chromium",
+    "test:playwright-local:local:chromium--h": "playwright test --config=./playwright-local/playwright-local.config.js --project=chromium --headed",
+    "test:playwright-local:local:mobile": "playwright test --config=./playwright-local/playwright-local.config.js --project=mobile-safari",
+    "test:playwright-local:local:mobile--h": "playwright test --config=./playwright-local/playwright-local.config.js --project=mobile-safari --headed",
     "test:playwright-local:ci": "export NODE_ENV=development; start-server-and-test start http://localhost:3000 test:playwright-local",
-    "test:playwright-local:local": "export NODE_ENV=development; start-server-and-test start http://localhost:3000 test:playwright-local",
+    "test:playwright-local:ci:chromium": "export NODE_ENV=development; start-server-and-test start http://localhost:3000 test:playwright-local:local:chromium",
+    "test:playwright-local:ci:mobile": "export NODE_ENV=development; start-server-and-test start http://localhost:3000 test:playwright-local:local:mobile",
+    "test:playwright-local:local:chrome:mobile": "export NODE_ENV=development; start-server-and-test start http://localhost:3000 test:playwright-local:local",
     "snyk-protect": "snyk-protect",
     "prepublish": "yarn snyk-protect"
   },

playwright-local/playwright-local.config.js

@@ -34,8 +34,21 @@ module.exports = defineConfig({
   projects: [
     {
       name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+      use: {
+        ...devices['Desktop Chrome'],
+        viewport: {
+          width: 1300,
+          height: 1000
+        }
+      }
     },
+    {
+      name: 'mobile-safari',
+      testIgnore: ['tests/prize/**'],
+      use: { ...devices['iPhone 12'] },
+      timeout: 360_000,
+      expect: { timeout: 20_000 }
+    }
   ],
 
   /* Run your local dev server before starting the tests */