From 4c73c364ef6dd2d20a90cce4025b82a4f50faf75 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 13:14:27 +0300
Subject: [PATCH 01/24] Added playwright e2e tests

---
 .github/workflows/playwright.yml |  27 +++++++
 .gitignore                       |   3 +
 e2e/homepage.spec.ts             |  85 ++++++++++++++++++++
 e2e/support.spec.ts              | 134 +++++++++++++++++++++++++++++++
 package.json                     |   2 +
 playwright.config.ts             | 107 ++++++++++++++++++++++++
 yarn.lock                        |  13 +++
 7 files changed, 371 insertions(+)
 create mode 100644 .github/workflows/playwright.yml
 create mode 100644 e2e/homepage.spec.ts
 create mode 100644 e2e/support.spec.ts
 create mode 100644 playwright.config.ts

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
new file mode 100644
index 000000000..e637a0a93
--- /dev/null
+++ b/.github/workflows/playwright.yml
@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - uses: actions/setup-node@v2
+      with:
+        node-version: '14.x'
+    - name: Install dependencies
+      run: yarn
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: yarn playwright test
+    - uses: actions/upload-artifact@v2
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30
diff --git a/.gitignore b/.gitignore
index bac89f28c..ee3999fcd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -47,3 +47,6 @@ build/
 bld/
 [Bb]in/
 [Oo]bj/
+/test-results/
+/playwright-report/
+/playwright/.cache/
diff --git a/e2e/homepage.spec.ts b/e2e/homepage.spec.ts
new file mode 100644
index 000000000..f908f91a2
--- /dev/null
+++ b/e2e/homepage.spec.ts
@@ -0,0 +1,85 @@
+import { test, expect } from '@playwright/test'
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('http://localhost:3040/')
+})
+
+test('test homepage', async ({ page }) => {
+  // Go to http://localhost:3040/
+
+  // Click text=Текущи кампании
+  await page.locator('text=Текущи кампании').click()
+
+  // Click text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц
+  await page
+    .locator(
+      'text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц',
+    )
+    .click()
+
+  // Check input[type="checkbox"]
+  await page.locator('input[type="checkbox"]').check()
+
+  // Click text=Затвори
+  await page.locator('text=Затвори').click()
+
+  // Click text=Как работи Подкрепи.бг?
+  await page.locator('text=Как работи Подкрепи.бг?').click()
+
+  // Click text=Кой стои зад Подкрепи.бг?
+  await page.locator('text=Кой стои зад Подкрепи.бг?').click()
+
+  // Click text=Какво ни обединява?
+  await page.locator('text=Какво ни обединява?').click()
+
+  // Click text=Искам да помогна на Подкрепи.бг
+  await page.locator('text=Искам да помогна на Подкрепи.бг').click()
+
+  // Click h2:has-text("Често задавани въпроси")
+  await page.locator('h2:has-text("Често задавани въпроси")').click()
+
+  // Click text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]
+  await page
+    .locator(
+      'text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]',
+    )
+    .click()
+
+  // Click text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за
+  await page
+    .locator(
+      'text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за ',
+    )
+    .click()
+
+  // Click text=Защо направихте нова платформа, когато вече има и други?
+  await page.locator('text=Защо направихте нова платформа, когато вече има и други?').click()
+
+  // Click text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ
+  await page
+    .locator(
+      'text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ',
+    )
+    .click()
+
+  // Click text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?
+  await page
+    .locator('text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?')
+    .click()
+
+  // Click text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м
+  await page
+    .locator(
+      'text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м',
+    )
+    .click()
+
+  // Click text=Виж всички >> nth=1
+  await page.locator('text=Виж всички').nth(1).click()
+  await expect(page).toHaveURL('http://localhost:3040/faq')
+
+  // Click text=Моделът ни на работа се основава на Принципите, които ни обединяват
+  await page
+    .locator('text=Моделът ни на работа се основава на Принципите, които ни обединяват')
+    .click()
+})
diff --git a/e2e/support.spec.ts b/e2e/support.spec.ts
new file mode 100644
index 000000000..8916ac78d
--- /dev/null
+++ b/e2e/support.spec.ts
@@ -0,0 +1,134 @@
+import { test } from '@playwright/test'
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('http://localhost:3040/')
+})
+
+test('test support page', async ({ page }) => {
+  // Click text=Станете доброволец >> nth=0
+  await page.locator('text=Станете доброволец').first().click()
+
+  // Go to http://localhost:3040/support
+  await page.goto('http://localhost:3040/support')
+
+  // Click h1:has-text("Станете доброволец")
+  await page.locator('h1:has-text("Станете доброволец")').click()
+
+  // Click text=Как искате да ни подкрепите?
+  await page.locator('text=Как искате да ни подкрепите?').click()
+
+  // Click text=Включете се в организацията като:
+  await page.locator('text=Включете се в организацията като:').click()
+
+  // Check input[name="roles\.benefactor"]
+  await page.locator('input[name="roles\\.benefactor"]').check()
+
+  // Check input[name="roles\.associationMember"]
+  await page.locator('input[name="roles\\.associationMember"]').check()
+
+  // Click text=Напред
+  await page.locator('text=Напред').click()
+
+  // Click text=В каква роля искате да ни подкрепите?
+  await page.locator('text=В каква роля искате да ни подкрепите?').click()
+
+  // Click text=Назад
+  await page.locator('text=Назад').click()
+
+  // Click text=Как искате да ни подкрепите?
+  await page.locator('text=Как искате да ни подкрепите?').click()
+
+  // Click text=Напред
+  await page.locator('text=Напред').click()
+
+  // Check input[name="benefactor\.campaignBenefactor"]
+  await page.locator('input[name="benefactor\\.campaignBenefactor"]').check()
+
+  // Click text=Дарител в бъдещи кампании
+  await page.locator('text=Дарител в бъдещи кампании').click()
+
+  // Click text=Моля, изберете си роля
+  await page.locator('text=Моля, изберете си роля').click()
+
+  // Click text=Дарител в бъдещи кампании
+  await page.locator('text=Дарител в бъдещи кампании').click()
+
+  // Click text=Напред
+  await page.locator('text=Напред').click()
+
+  // Click text=Изпратете
+  await page.locator('text=Изпратете').click()
+
+  // Click text=Задължително поле
+  await page.locator('text=Задължително поле').click()
+
+  // Click text=Изпратете
+  await page.locator('text=Изпратете').click()
+
+  // Click #mui-3-helper-text
+  await page.locator('#mui-3-helper-text').click()
+
+  // Click #mui-4-helper-text
+  await page.locator('#mui-4-helper-text').click()
+
+  // Click #mui-5-helper-text
+  await page.locator('#mui-5-helper-text').click()
+
+  // Click text=Моля, приемете oбщите условия
+  await page.locator('text=Моля, приемете oбщите условия').click()
+
+  // Click text=Моля, приемете политиката за защита на личните данни
+  await page.locator('text=Моля, приемете политиката за защита на личните данни').click()
+
+  // Click input[name="person\.firstName"]
+  await page.locator('input[name="person\\.firstName"]').click()
+
+  // Fill input[name="person\.firstName"]
+  await page.locator('input[name="person\\.firstName"]').fill('test')
+
+  // Click input[name="person\.lastName"]
+  await page.locator('input[name="person\\.lastName"]').click()
+
+  // Fill input[name="person\.lastName"]
+  await page.locator('input[name="person\\.lastName"]').fill('test')
+
+  // Click input[name="person\.email"]
+  await page.locator('input[name="person\\.email"]').click()
+
+  // Fill input[name="person\.email"]
+  await page.locator('input[name="person\\.email"]').fill('test@test.com')
+
+  // Click input[name="person\.phone"]
+  await page.locator('input[name="person\\.phone"]').click()
+
+  // Fill input[name="person\.phone"]
+  await page.locator('input[name="person\\.phone"]').fill('0987654321')
+
+  // Click textarea[name="person\.comment"]
+  await page.locator('textarea[name="person\\.comment"]').click()
+
+  // Fill textarea[name="person\.comment"]
+  await page.locator('textarea[name="person\\.comment"]').fill('test test test')
+
+  // Check input[name="person\.terms"]
+  await page.locator('input[name="person\\.terms"]').check()
+
+  // Check input[name="person\.gdpr"]
+  await page.locator('input[name="person\\.gdpr"]').check()
+
+  // Check input[name="person\.newsletter"]
+  await page.locator('input[name="person\\.newsletter"]').check()
+
+  // Click text=Изпратете
+  await page.locator('text=Изпратете').click()
+
+  // Click text=Благодарим Ви, че ни подкрепихте!
+  await page.locator('text=Благодарим Ви, че ни подкрепихте!').click()
+
+  // Click text=Очаквайте представител на Подкрепи.бг да се свърже с Вас на посочения имейл адре
+  await page
+    .locator(
+      'text=Очаквайте представител на Подкрепи.бг да се свърже с Вас на посочения имейл адре',
+    )
+    .click()
+})
diff --git a/package.json b/package.json
index 33e78f5d9..e1540661f 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
     "build": "yarn format && next build",
     "start": "next start -p 3040",
     "test": "jest --env=jsdom",
+    "test:e2e": "playwright test",
     "test:debug": "node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand",
     "test:watch": "jest --env=jsdom --watch --silent=false",
     "lint": "eslint . --fix --ext=ts,tsx",
@@ -78,6 +79,7 @@
     "yup": "0.32.9"
   },
   "devDependencies": {
+    "@playwright/test": "^1.24.2",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@types/cookie": "^0.4.1",
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 000000000..7f7362acd
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,107 @@
+import type { PlaywrightTestConfig } from '@playwright/test'
+import { devices } from '@playwright/test'
+
+/**
+ * Read environment variables from file.
+ * https://github.com/motdotla/dotenv
+ */
+// require('dotenv').config();
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+const config: PlaywrightTestConfig = {
+  testDir: './e2e',
+  /* 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,
+  },
+  /* 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: {
+    /* 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: [
+    {
+      name: 'chromium',
+      use: {
+        ...devices['Desktop Chrome'],
+      },
+    },
+
+    {
+      name: 'firefox',
+      use: {
+        ...devices['Desktop Firefox'],
+      },
+    },
+
+    {
+      name: 'webkit',
+      use: {
+        ...devices['Desktop Safari'],
+      },
+    },
+
+    /* Test against mobile viewports. */
+    // {
+    //   name: 'Mobile Chrome',
+    //   use: {
+    //     ...devices['Pixel 5'],
+    //   },
+    // },
+    // {
+    //   name: 'Mobile Safari',
+    //   use: {
+    //     ...devices['iPhone 12'],
+    //   },
+    // },
+
+    /* 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,
+  // },
+}
+
+export default config
diff --git a/yarn.lock b/yarn.lock
index bd4b412aa..95d811c63 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1185,6 +1185,14 @@
   resolved "https://registry.yarnpkg.com/@panva/hkdf/-/hkdf-1.0.2.tgz#bab0f09d09de9fd83628220d496627681bc440d6"
   integrity sha512-MSAs9t3Go7GUkMhpKC44T58DJ5KGk2vBo+h1cqQeqlMfdGkxaVB78ZWpv9gYi/g2fa4sopag9gJsNvS8XGgWJA==
 
+"@playwright/test@^1.24.2":
+  version "1.24.2"
+  resolved "https://registry.yarnpkg.com/@playwright/test/-/test-1.24.2.tgz#283ea8cc497f9742037458659bf235f4776cf1f0"
+  integrity sha512-Q4X224pRHw4Dtkk5PoNJplZCokLNvVbXD9wDQEMrHcEuvWpJWEQDeJ9gEwkZ3iCWSFSWBshIX177B231XW4wOQ==
+  dependencies:
+    "@types/node" "*"
+    playwright-core "1.24.2"
+
 "@polka/url@^1.0.0-next.20":
   version "1.0.0-next.21"
   resolved "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.21.tgz"
@@ -6284,6 +6292,11 @@ pkg-up@^2.0.0:
   dependencies:
     find-up "^2.1.0"
 
+playwright-core@1.24.2:
+  version "1.24.2"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.24.2.tgz#47bc5adf3dcfcc297a5a7a332449c9009987db26"
+  integrity sha512-zfAoDoPY/0sDLsgSgLZwWmSCevIg1ym7CppBwllguVBNiHeixZkc1AdMuYUPZC6AdEYc4CxWEyLMBTw2YcmRrA==
+
 please-upgrade-node@^3.2.0:
   version "3.2.0"
   resolved "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz"

From c3cf89d261190759e4d28857ebb1f8973880ac52 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 13:15:38 +0300
Subject: [PATCH 02/24] Run playwright tests in github actions

---
 .github/workflows/playwright.yml | 36 ++++++++++++++++----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index e637a0a93..807122baf 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -1,27 +1,27 @@
 name: Playwright Tests
 on:
   push:
-    branches: [ main, master ]
+    branches: [master]
   pull_request:
-    branches: [ main, master ]
+    branches: [master]
 jobs:
   test:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v2
-    - uses: actions/setup-node@v2
-      with:
-        node-version: '14.x'
-    - name: Install dependencies
-      run: yarn
-    - name: Install Playwright Browsers
-      run: npx playwright install --with-deps
-    - name: Run Playwright tests
-      run: yarn playwright test
-    - uses: actions/upload-artifact@v2
-      if: always()
-      with:
-        name: playwright-report
-        path: playwright-report/
-        retention-days: 30
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '14.x'
+      - name: Install dependencies
+        run: yarn
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        run: yarn playwright test
+      - uses: actions/upload-artifact@v2
+        if: always()
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30

From 7ad7fa80173be7dd0ca123ae91c1c50d7ecbff49 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 13:56:44 +0300
Subject: [PATCH 03/24] Added staging e2e test for homepage

---
 e2e/homepage-staging.spec.ts | 85 ++++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 e2e/homepage-staging.spec.ts

diff --git a/e2e/homepage-staging.spec.ts b/e2e/homepage-staging.spec.ts
new file mode 100644
index 000000000..1e93a483e
--- /dev/null
+++ b/e2e/homepage-staging.spec.ts
@@ -0,0 +1,85 @@
+import { test, expect } from '@playwright/test'
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('https://dev.podkrepi.bg/')
+})
+
+test('test staging homepage', async ({ page }) => {
+  // Go to http://dev.podkrepi.bg/
+
+  // Click text=Текущи кампании
+  await page.locator('text=Текущи кампании').click()
+
+  // Click text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц
+  await page
+    .locator(
+      'text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц',
+    )
+    .click()
+
+  // Check input[type="checkbox"]
+  await page.locator('input[type="checkbox"]').check()
+
+  // Click text=Затвори
+  await page.locator('text=Затвори').click()
+
+  // Click text=Как работи Подкрепи.бг?
+  await page.locator('text=Как работи Подкрепи.бг?').click()
+
+  // Click text=Кой стои зад Подкрепи.бг?
+  await page.locator('text=Кой стои зад Подкрепи.бг?').click()
+
+  // Click text=Какво ни обединява?
+  await page.locator('text=Какво ни обединява?').click()
+
+  // Click text=Искам да помогна на Подкрепи.бг
+  await page.locator('text=Искам да помогна на Подкрепи.бг').click()
+
+  // Click h2:has-text("Често задавани въпроси")
+  await page.locator('h2:has-text("Често задавани въпроси")').click()
+
+  // Click text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]
+  await page
+    .locator(
+      'text=Какво представлява Подкрепи.бг?Подкрепи.бг е платформа за среща между хора, коит >> [data-testid="ExpandMoreIcon"]',
+    )
+    .click()
+
+  // Click text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за
+  await page
+    .locator(
+      'text=Подкрепи.бг е платформа за среща между хора, които искат да съберат средства за ',
+    )
+    .click()
+
+  // Click text=Защо направихте нова платформа, когато вече има и други?
+  await page.locator('text=Защо направихте нова платформа, когато вече има и други?').click()
+
+  // Click text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ
+  await page
+    .locator(
+      'text=Накратко - целта ни е да увеличим доверието на обществото в дарителските организ',
+    )
+    .click()
+
+  // Click text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?
+  await page
+    .locator('text=Как гарантирате прозрачност и какво значи “софтуер с отворен код”?')
+    .click()
+
+  // Click text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м
+  await page
+    .locator(
+      'text=Софтуер с отворен код е установена практика, при която всеки, без ограничение, м',
+    )
+    .click()
+
+  // Click text=Виж всички >> nth=1
+  await page.locator('text=Виж всички').nth(1).click()
+  await expect(page).toHaveURL('https://dev.podkrepi.bg/faq')
+
+  // Click text=Моделът ни на работа се основава на Принципите, които ни обединяват
+  await page
+    .locator('text=Моделът ни на работа се основава на Принципите, които ни обединяват')
+    .click()
+})

From 217603f53b5b09764cc1129ddbe1bf65337dd50d Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 14:01:30 +0300
Subject: [PATCH 04/24] Added staging anonymous donation e2e test

---
 e2e/staging-anon-donation.spec.ts             | 92 +++++++++++++++++++
 ...aging.spec.ts => staging-homepage.spec.ts} |  2 +-
 2 files changed, 93 insertions(+), 1 deletion(-)
 create mode 100644 e2e/staging-anon-donation.spec.ts
 rename e2e/{homepage-staging.spec.ts => staging-homepage.spec.ts} (98%)

diff --git a/e2e/staging-anon-donation.spec.ts b/e2e/staging-anon-donation.spec.ts
new file mode 100644
index 000000000..d14984a84
--- /dev/null
+++ b/e2e/staging-anon-donation.spec.ts
@@ -0,0 +1,92 @@
+import { test, expect } from '@playwright/test'
+
+test('test anonymous donation on staging', async ({ page }) => {
+  // Go to https://dev.podkrepi.bg/
+  await page.goto('https://dev.podkrepi.bg/')
+
+  // Click text=Затвори
+  await page.locator('text=Затвори').click()
+
+  // Click text=Дарете сега >> nth=0
+  await page.locator('text=Дарете сега').first().click()
+  await expect(page).toHaveURL(
+    'https://dev.podkrepi.bg/campaigns/donation/krizisen-centur-za-postradali-ot-nasilie-shans-za-nov-zhivot',
+  )
+
+  // Click label:has-text("10 лв.")
+  await page.locator('label:has-text("10 лв.")').click()
+
+  // Click text=Искам да покрия таксите за плащане с карта издадена в:
+  await page.locator('text=Искам да покрия таксите за плащане с карта издадена в:').click()
+
+  // Click text=10,65 лв.
+  await page.locator('text=10,65 лв.').click()
+
+  // Click text=0,65 лв. >> nth=1
+  await page.locator('text=0,65 лв.').nth(1).click()
+
+  // Click text=10,00 лв.
+  await page.locator('text=10,00 лв.').click()
+
+  // Click text=Напред
+  await page.locator('text=Напред').click()
+
+  // Click text=Дарете анонимно
+  await page.locator('text=Дарете анонимно').click()
+
+  // Click input[name="personsEmail"]
+  await page.locator('input[name="personsEmail"]').click()
+
+  // Fill input[name="personsEmail"]
+  await page.locator('input[name="personsEmail"]').fill('test@example.com')
+
+  // Click text=Напред
+  await page.locator('text=Напред').click()
+
+  // Click textarea[name="message"]
+  await page.locator('textarea[name="message"]').click()
+
+  // Fill textarea[name="message"]
+  await page.locator('textarea[name="message"]').fill('e2e test')
+
+  // Click text=Премини към плащане
+  await page.locator('text=Премини към плащане').click()
+  await expect(page).toHaveURL(
+    'https://checkout.stripe.com/pay/cs_test_a1hBL53EVDYCIqVo99GCJ7Yo4rR8r1Dj24Wbj1J862CJNKO5WsCuEhwgUP#fidkdWxOYHwnPyd1blpxYHZxWjA0TFdhdlBORHVCb1NCZDxxXGswalNUcnE2d3xnYExyS01EfFJXPWtEXGEzT2ROfFF8RzFdNWI2QGJ%2FTEBCY3RySFxqNl9WaXE8YkdAfVFDa1NqaENRS0BKNTU9Z29qS11WfScpJ2N3amhWYHdzYHcnP3F3cGApJ2lkfGpwcVF8dWAnPyd2bGtiaWBabHFgaCcpJ2BrZGdpYFVpZGZgbWppYWB3dic%2FcXdwYHgl',
+  )
+
+  // Click [placeholder="\31 234 1234 1234 1234"]
+  await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()
+
+  // Fill [placeholder="\31 234 1234 1234 1234"]
+  await page.locator('[placeholder="\\31 234 1234 1234 1234"]').fill('4242 4242 4242 4242')
+
+  // Click [placeholder="MM \/ YY"]
+  await page.locator('[placeholder="MM \\/ YY"]').click()
+
+  // Fill [placeholder="MM \/ YY"]
+  await page.locator('[placeholder="MM \\/ YY"]').fill('04 / 242')
+
+  // Click [placeholder="CVC"]
+  await page.locator('[placeholder="CVC"]').click()
+
+  // Fill [placeholder="CVC"]
+  await page.locator('[placeholder="CVC"]').fill('4242')
+
+  // Click [data-testid="hosted-payment-submit-button"]
+  await page.locator('[data-testid="hosted-payment-submit-button"]').click()
+
+  // Fill input[name="billingName"]
+  await page.locator('input[name="billingName"]').fill('e2e tester')
+
+  // Click [data-testid="hosted-payment-submit-button"]
+  await page.locator('[data-testid="hosted-payment-submit-button"]').click()
+
+  // Go to https://dev.podkrepi.bg/campaigns/donation/krizisen-centur-za-postradali-ot-nasilie-shans-za-nov-zhivot?success=true
+  await page.goto(
+    'https://dev.podkrepi.bg/campaigns/donation/krizisen-centur-za-postradali-ot-nasilie-shans-za-nov-zhivot?success=true',
+  )
+
+  // Click text=Благодарим за доверието и подкрепата!
+  await expect(page.locator('text=Благодарим за доверието и подкрепата!')).toBeDefined()
+})
diff --git a/e2e/homepage-staging.spec.ts b/e2e/staging-homepage.spec.ts
similarity index 98%
rename from e2e/homepage-staging.spec.ts
rename to e2e/staging-homepage.spec.ts
index 1e93a483e..f1865ae35 100644
--- a/e2e/homepage-staging.spec.ts
+++ b/e2e/staging-homepage.spec.ts
@@ -4,7 +4,7 @@ test.beforeEach(async ({ page }) => {
   await page.goto('https://dev.podkrepi.bg/')
 })
 
-test('test staging homepage', async ({ page }) => {
+test('test homepage on staging', async ({ page }) => {
   // Go to http://dev.podkrepi.bg/
 
   // Click text=Текущи кампании

From c408020f419ca355c9c85df204a965c560d690d8 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 15:01:01 +0300
Subject: [PATCH 05/24] Make sure we can donate on staging

---
 e2e/staging-anon-donation.spec.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/e2e/staging-anon-donation.spec.ts b/e2e/staging-anon-donation.spec.ts
index d14984a84..764267be8 100644
--- a/e2e/staging-anon-donation.spec.ts
+++ b/e2e/staging-anon-donation.spec.ts
@@ -51,9 +51,10 @@ test('test anonymous donation on staging', async ({ page }) => {
 
   // Click text=Премини към плащане
   await page.locator('text=Премини към плащане').click()
-  await expect(page).toHaveURL(
-    'https://checkout.stripe.com/pay/cs_test_a1hBL53EVDYCIqVo99GCJ7Yo4rR8r1Dj24Wbj1J862CJNKO5WsCuEhwgUP#fidkdWxOYHwnPyd1blpxYHZxWjA0TFdhdlBORHVCb1NCZDxxXGswalNUcnE2d3xnYExyS01EfFJXPWtEXGEzT2ROfFF8RzFdNWI2QGJ%2FTEBCY3RySFxqNl9WaXE8YkdAfVFDa1NqaENRS0BKNTU9Z29qS11WfScpJ2N3amhWYHdzYHcnP3F3cGApJ2lkfGpwcVF8dWAnPyd2bGtiaWBabHFgaCcpJ2BrZGdpYFVpZGZgbWppYWB3dic%2FcXdwYHgl',
-  )
+
+  await page.waitForTimeout(3000)
+
+  await expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_')
 
   // Click [placeholder="\31 234 1234 1234 1234"]
   await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()

From 4a940f94cdb676d5a7c5ffcfd211e60e1354417f Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 15:07:39 +0300
Subject: [PATCH 06/24] Added staging donation test with custom amount

---
 e2e/{ => local}/homepage.spec.ts              |   0
 e2e/{ => local}/support.spec.ts               |   0
 e2e/staging/anon-donation-custom.spec.ts      | 105 ++++++++++++++++++
 .../anon-donation-fixed.spec.ts}              |   2 +-
 .../homepage.spec.ts}                         |   0
 5 files changed, 106 insertions(+), 1 deletion(-)
 rename e2e/{ => local}/homepage.spec.ts (100%)
 rename e2e/{ => local}/support.spec.ts (100%)
 create mode 100644 e2e/staging/anon-donation-custom.spec.ts
 rename e2e/{staging-anon-donation.spec.ts => staging/anon-donation-fixed.spec.ts} (97%)
 rename e2e/{staging-homepage.spec.ts => staging/homepage.spec.ts} (100%)

diff --git a/e2e/homepage.spec.ts b/e2e/local/homepage.spec.ts
similarity index 100%
rename from e2e/homepage.spec.ts
rename to e2e/local/homepage.spec.ts
diff --git a/e2e/support.spec.ts b/e2e/local/support.spec.ts
similarity index 100%
rename from e2e/support.spec.ts
rename to e2e/local/support.spec.ts
diff --git a/e2e/staging/anon-donation-custom.spec.ts b/e2e/staging/anon-donation-custom.spec.ts
new file mode 100644
index 000000000..3bed4abeb
--- /dev/null
+++ b/e2e/staging/anon-donation-custom.spec.ts
@@ -0,0 +1,105 @@
+import { test, expect } from '@playwright/test'
+
+test('test anonymous donation on staging - custom amount', async ({ page }) => {
+  // Go to https://dev.podkrepi.bg/
+  await page.goto('https://dev.podkrepi.bg/')
+
+  // Click text=Училище за деца с нарушено зрение гр. Варна - стая за ерготерапия
+  await page
+    .locator('text=Училище за деца с нарушено зрение гр. Варна - стая за ерготерапия')
+    .click()
+  await expect(page).toHaveURL(
+    'https://dev.podkrepi.bg/campaigns/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya',
+  )
+
+  // Click button:has-text("Подкрепи")
+  await page.locator('button:has-text("Подкрепи")').click()
+  await expect(page).toHaveURL(
+    'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya',
+  )
+
+  // Click label:has-text("Друга сума")
+  await page.locator('label:has-text("Друга сума")').click()
+
+  // Click input[name="otherAmount"]
+  await page.locator('input[name="otherAmount"]').click()
+
+  // Fill input[name="otherAmount"]
+  await page.locator('input[name="otherAmount"]').fill('7.50')
+
+  // Check input[name="cardIncludeFees"]
+  await page.locator('input[name="cardIncludeFees"]').check()
+
+  // Click text=8,11 лв.
+  await page.locator('text=8,11 лв.').click()
+
+  // Click text=0,61 лв.
+  await page.locator('text=0,61 лв.').click()
+
+  // Click text=7,50 лв.
+  await page.locator('text=7,50 лв.').click()
+
+  // Click text=Напред
+  await page.locator('text=Напред').click()
+
+  // Click text=Дарете анонимно
+  await page.locator('text=Дарете анонимно').click()
+
+  // Click input[name="personsEmail"]
+  await page.locator('input[name="personsEmail"]').click()
+
+  // Fill input[name="personsEmail"]
+  await page.locator('input[name="personsEmail"]').fill('test@example.com')
+
+  // Click text=Напред
+  await page.locator('text=Напред').click()
+
+  // Click textarea[name="message"]
+  await page.locator('textarea[name="message"]').click()
+
+  // Fill textarea[name="message"]
+  await page.locator('textarea[name="message"]').fill('e2e tester 2')
+
+  // Click text=Премини към плащане
+  await page.locator('text=Премини към плащане').click()
+
+  await page.waitForTimeout(3000)
+
+  await expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_')
+
+  // Click [placeholder="\31 234 1234 1234 1234"]
+  await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()
+
+  // Fill [placeholder="\31 234 1234 1234 1234"]
+  await page.locator('[placeholder="\\31 234 1234 1234 1234"]').fill('4242 4242 4242 4242')
+
+  // Click [placeholder="MM \/ YY"]
+  await page.locator('[placeholder="MM \\/ YY"]').click()
+
+  // Fill [placeholder="MM \/ YY"]
+  await page.locator('[placeholder="MM \\/ YY"]').fill('04 / 242')
+
+  // Click [placeholder="CVC"]
+  await page.locator('[placeholder="CVC"]').click()
+
+  // Fill [placeholder="CVC"]
+  await page.locator('[placeholder="CVC"]').fill('424')
+
+  // Click input[name="billingName"]
+  await page.locator('input[name="billingName"]').click()
+
+  // Fill input[name="billingName"]
+  await page.locator('input[name="billingName"]').fill('tester')
+
+  // Click [data-testid="hosted-payment-submit-button"]
+  await page.locator('[data-testid="hosted-payment-submit-button"]').click()
+
+  await page.waitForTimeout(3000)
+
+  await expect(page).toHaveURL(
+    'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya?success=true',
+  )
+
+  // Click text=Благодарим за доверието и подкрепата!
+  await page.locator('text=Благодарим за доверието и подкрепата!').click()
+})
diff --git a/e2e/staging-anon-donation.spec.ts b/e2e/staging/anon-donation-fixed.spec.ts
similarity index 97%
rename from e2e/staging-anon-donation.spec.ts
rename to e2e/staging/anon-donation-fixed.spec.ts
index 764267be8..8be65a2de 100644
--- a/e2e/staging-anon-donation.spec.ts
+++ b/e2e/staging/anon-donation-fixed.spec.ts
@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('test anonymous donation on staging', async ({ page }) => {
+test('test anonymous donation on staging - fixed amount', async ({ page }) => {
   // Go to https://dev.podkrepi.bg/
   await page.goto('https://dev.podkrepi.bg/')
 
diff --git a/e2e/staging-homepage.spec.ts b/e2e/staging/homepage.spec.ts
similarity index 100%
rename from e2e/staging-homepage.spec.ts
rename to e2e/staging/homepage.spec.ts

From 692cc3fc18f21c35288f94d5d6e8acda88e1fa54 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 15:19:53 +0300
Subject: [PATCH 07/24] Skip local e2e tests

---
 e2e/local/homepage.spec.ts | 2 +-
 e2e/local/support.spec.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/e2e/local/homepage.spec.ts b/e2e/local/homepage.spec.ts
index f908f91a2..f5a3597aa 100644
--- a/e2e/local/homepage.spec.ts
+++ b/e2e/local/homepage.spec.ts
@@ -4,7 +4,7 @@ test.beforeEach(async ({ page }) => {
   await page.goto('http://localhost:3040/')
 })
 
-test('test homepage', async ({ page }) => {
+test.skip('test homepage', async ({ page }) => {
   // Go to http://localhost:3040/
 
   // Click text=Текущи кампании
diff --git a/e2e/local/support.spec.ts b/e2e/local/support.spec.ts
index 8916ac78d..36ce5010b 100644
--- a/e2e/local/support.spec.ts
+++ b/e2e/local/support.spec.ts
@@ -4,7 +4,7 @@ test.beforeEach(async ({ page }) => {
   await page.goto('http://localhost:3040/')
 })
 
-test('test support page', async ({ page }) => {
+test.skip('test support page', async ({ page }) => {
   // Click text=Станете доброволец >> nth=0
   await page.locator('text=Станете доброволец').first().click()
 

From a529f8db036cbf9d083f78eaa6a185d288492446 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 15:47:42 +0300
Subject: [PATCH 08/24] Update wait for navigation in e2e tests

---
 e2e/staging/anon-donation-custom.spec.ts | 29 ++++++++++++++----------
 e2e/staging/anon-donation-fixed.spec.ts  |  3 +--
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/e2e/staging/anon-donation-custom.spec.ts b/e2e/staging/anon-donation-custom.spec.ts
index 3bed4abeb..9109b9a65 100644
--- a/e2e/staging/anon-donation-custom.spec.ts
+++ b/e2e/staging/anon-donation-custom.spec.ts
@@ -14,9 +14,13 @@ test('test anonymous donation on staging - custom amount', async ({ page }) => {
 
   // Click button:has-text("Подкрепи")
   await page.locator('button:has-text("Подкрепи")').click()
-  await expect(page).toHaveURL(
-    'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya',
-  )
+
+  await Promise.all([
+    page.waitForNavigation(),
+    expect(page).toHaveURL(
+      'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya',
+    ),
+  ])
 
   // Click label:has-text("Друга сума")
   await page.locator('label:has-text("Друга сума")').click()
@@ -63,9 +67,10 @@ test('test anonymous donation on staging - custom amount', async ({ page }) => {
   // Click text=Премини към плащане
   await page.locator('text=Премини към плащане').click()
 
-  await page.waitForTimeout(3000)
-
-  await expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_')
+  await Promise.all([
+    page.waitForNavigation(),
+    expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_'),
+  ])
 
   // Click [placeholder="\31 234 1234 1234 1234"]
   await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()
@@ -94,12 +99,12 @@ test('test anonymous donation on staging - custom amount', async ({ page }) => {
   // Click [data-testid="hosted-payment-submit-button"]
   await page.locator('[data-testid="hosted-payment-submit-button"]').click()
 
-  await page.waitForTimeout(3000)
-
-  await expect(page).toHaveURL(
-    'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya?success=true',
-  )
-
+  await Promise.all([
+    page.waitForNavigation(),
+    expect(page).toHaveURL(
+      'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya?success=true',
+    ),
+  ])
   // Click text=Благодарим за доверието и подкрепата!
   await page.locator('text=Благодарим за доверието и подкрепата!').click()
 })
diff --git a/e2e/staging/anon-donation-fixed.spec.ts b/e2e/staging/anon-donation-fixed.spec.ts
index 8be65a2de..11a53df25 100644
--- a/e2e/staging/anon-donation-fixed.spec.ts
+++ b/e2e/staging/anon-donation-fixed.spec.ts
@@ -52,8 +52,7 @@ test('test anonymous donation on staging - fixed amount', async ({ page }) => {
   // Click text=Премини към плащане
   await page.locator('text=Премини към плащане').click()
 
-  await page.waitForTimeout(3000)
-
+  await page.waitForNavigation()
   await expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_')
 
   // Click [placeholder="\31 234 1234 1234 1234"]

From 4aeba05ca0b8a8061b5f2924fb88f6f7f4355ad7 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 16:46:32 +0300
Subject: [PATCH 09/24] Replace waitForNavigation with waitForURL

---
 e2e/staging/anon-donation-custom.spec.ts | 24 ++++++++----------------
 e2e/staging/anon-donation-fixed.spec.ts  |  3 +--
 2 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/e2e/staging/anon-donation-custom.spec.ts b/e2e/staging/anon-donation-custom.spec.ts
index 9109b9a65..a58896649 100644
--- a/e2e/staging/anon-donation-custom.spec.ts
+++ b/e2e/staging/anon-donation-custom.spec.ts
@@ -15,12 +15,9 @@ test('test anonymous donation on staging - custom amount', async ({ page }) => {
   // Click button:has-text("Подкрепи")
   await page.locator('button:has-text("Подкрепи")').click()
 
-  await Promise.all([
-    page.waitForNavigation(),
-    expect(page).toHaveURL(
-      'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya',
-    ),
-  ])
+  await expect(page).toHaveURL(
+    'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya',
+  )
 
   // Click label:has-text("Друга сума")
   await page.locator('label:has-text("Друга сума")').click()
@@ -67,10 +64,7 @@ test('test anonymous donation on staging - custom amount', async ({ page }) => {
   // Click text=Премини към плащане
   await page.locator('text=Премини към плащане').click()
 
-  await Promise.all([
-    page.waitForNavigation(),
-    expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_'),
-  ])
+  await page.waitForURL('https://checkout.stripe.com/pay/cs_test_**')
 
   // Click [placeholder="\31 234 1234 1234 1234"]
   await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()
@@ -99,12 +93,10 @@ test('test anonymous donation on staging - custom amount', async ({ page }) => {
   // Click [data-testid="hosted-payment-submit-button"]
   await page.locator('[data-testid="hosted-payment-submit-button"]').click()
 
-  await Promise.all([
-    page.waitForNavigation(),
-    expect(page).toHaveURL(
-      'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya?success=true',
-    ),
-  ])
+  await page.waitForURL(
+    'https://dev.podkrepi.bg/campaigns/donation/uchilishe-za-deca-s-narusheno-zrenie-gr-varna-staya-za-ergoterapiya?success=true',
+  )
+
   // Click text=Благодарим за доверието и подкрепата!
   await page.locator('text=Благодарим за доверието и подкрепата!').click()
 })
diff --git a/e2e/staging/anon-donation-fixed.spec.ts b/e2e/staging/anon-donation-fixed.spec.ts
index 11a53df25..bbff056b0 100644
--- a/e2e/staging/anon-donation-fixed.spec.ts
+++ b/e2e/staging/anon-donation-fixed.spec.ts
@@ -52,8 +52,7 @@ test('test anonymous donation on staging - fixed amount', async ({ page }) => {
   // Click text=Премини към плащане
   await page.locator('text=Премини към плащане').click()
 
-  await page.waitForNavigation()
-  await expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_')
+  await page.waitForURL('https://checkout.stripe.com/pay/cs_test_**')
 
   // Click [placeholder="\31 234 1234 1234 1234"]
   await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()

From 8b18780a617316ab3d847e6277fe38f8059e863f Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Tue, 9 Aug 2022 18:11:28 +0300
Subject: [PATCH 10/24] Update wait for url method

---
 e2e/staging/anon-donation-custom.spec.ts | 6 +++++-
 e2e/staging/anon-donation-fixed.spec.ts  | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/e2e/staging/anon-donation-custom.spec.ts b/e2e/staging/anon-donation-custom.spec.ts
index a58896649..ad03f3751 100644
--- a/e2e/staging/anon-donation-custom.spec.ts
+++ b/e2e/staging/anon-donation-custom.spec.ts
@@ -64,7 +64,11 @@ test('test anonymous donation on staging - custom amount', async ({ page }) => {
   // Click text=Премини към плащане
   await page.locator('text=Премини към плащане').click()
 
-  await page.waitForURL('https://checkout.stripe.com/pay/cs_test_**')
+  await page.waitForURL((url) =>
+    url.toString().startsWith('https://checkout.stripe.com/pay/cs_test_'),
+  )
+
+  await expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_')
 
   // Click [placeholder="\31 234 1234 1234 1234"]
   await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()
diff --git a/e2e/staging/anon-donation-fixed.spec.ts b/e2e/staging/anon-donation-fixed.spec.ts
index bbff056b0..32d9d4366 100644
--- a/e2e/staging/anon-donation-fixed.spec.ts
+++ b/e2e/staging/anon-donation-fixed.spec.ts
@@ -52,7 +52,11 @@ test('test anonymous donation on staging - fixed amount', async ({ page }) => {
   // Click text=Премини към плащане
   await page.locator('text=Премини към плащане').click()
 
-  await page.waitForURL('https://checkout.stripe.com/pay/cs_test_**')
+  await page.waitForURL((url) =>
+    url.toString().startsWith('https://checkout.stripe.com/pay/cs_test_'),
+  )
+
+  await expect(page.url()).toContain('https://checkout.stripe.com/pay/cs_test_')
 
   // Click [placeholder="\31 234 1234 1234 1234"]
   await page.locator('[placeholder="\\31 234 1234 1234 1234"]').click()

From 9e6f7941542389ca952816774a6e4acf00b8eadd Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 22:00:05 +0200
Subject: [PATCH 11/24] setup local env for paywright tests

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/check-pr.yml | 54 ++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index d66b67c64..0fa95f927 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -80,3 +80,57 @@ jobs:
           service_account_credentials: ${{ secrets.MONDOO_SECRET }}
           scan_type: k8s
           path: prod-manifests.yaml
+
+  run-playwright:
+    name: Run Playwright
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          path: './frontend'
+
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          repository: podkrepi-bg/api
+          ref: master
+          path: './api'
+
+      - name: Run db
+        working-directory: ./api
+        run: docker compose up -d pg-db
+
+      - name: Run api
+        working-directory: ./api
+        run: docker compose up -d --force-recreate --no-build migrate-db seed-db api keycloak
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '14.x'
+
+      - name: Install dependencies
+        working-directory: ./frontend
+        run: yarn
+
+      - name: Install Playwright Browsers
+        working-directory: ./frontend
+        run: npx playwright install --with-deps
+
+      - name: Run Playwright tests
+        working-directory: ./frontend
+        run: yarn playwright test e2e/local
+
+      - uses: actions/upload-artifact@v2
+        if: always()
+        with:
+          name: ./frontend/playwright-report
+          path: ./frontend/playwright-report/
+          retention-days: 30
+
+      - name: Setup upterm session
+        uses: lhotari/action-upterm@v1
+        with:
+          ## limits ssh access and adds the ssh public key for the user which triggered the workflow
+          limit-access-to-actor: true
+          ## limits ssh access and adds the ssh public keys of the listed GitHub users
+          limit-access-to-users: imilchev

From 6d5032815607b56620e1f945a21b62c148a5ef44 Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 22:12:48 +0200
Subject: [PATCH 12/24] don't skip local tests

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 e2e/local/homepage.spec.ts | 2 +-
 e2e/local/support.spec.ts  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/e2e/local/homepage.spec.ts b/e2e/local/homepage.spec.ts
index f5a3597aa..f908f91a2 100644
--- a/e2e/local/homepage.spec.ts
+++ b/e2e/local/homepage.spec.ts
@@ -4,7 +4,7 @@ test.beforeEach(async ({ page }) => {
   await page.goto('http://localhost:3040/')
 })
 
-test.skip('test homepage', async ({ page }) => {
+test('test homepage', async ({ page }) => {
   // Go to http://localhost:3040/
 
   // Click text=Текущи кампании
diff --git a/e2e/local/support.spec.ts b/e2e/local/support.spec.ts
index 36ce5010b..8916ac78d 100644
--- a/e2e/local/support.spec.ts
+++ b/e2e/local/support.spec.ts
@@ -4,7 +4,7 @@ test.beforeEach(async ({ page }) => {
   await page.goto('http://localhost:3040/')
 })
 
-test.skip('test support page', async ({ page }) => {
+test('test support page', async ({ page }) => {
   // Click text=Станете доброволец >> nth=0
   await page.locator('text=Станете доброволец').first().click()
 

From 6d6cb8a989aa24f71ad97b277cb54a7f7838df54 Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 22:21:44 +0200
Subject: [PATCH 13/24] make sure frontend is started before playwright tests

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/check-pr.yml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index 0fa95f927..a0a0b4383 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -112,6 +112,10 @@ jobs:
         working-directory: ./frontend
         run: yarn
 
+      - name: Start frontend
+        working-directory: ./frontend
+        run: yarn start &
+
       - name: Install Playwright Browsers
         working-directory: ./frontend
         run: npx playwright install --with-deps

From c8b6e016c4169e721a2ef19799cadd8a38fea4a0 Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 22:29:25 +0200
Subject: [PATCH 14/24] added caching and build step for frontend

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/check-pr.yml | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index a0a0b4383..ab74ecd69 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -96,6 +96,11 @@ jobs:
           ref: master
           path: './api'
 
+      - uses: actions/cache@v3
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+
       - name: Run db
         working-directory: ./api
         run: docker compose up -d pg-db
@@ -112,6 +117,10 @@ jobs:
         working-directory: ./frontend
         run: yarn
 
+      - name: Build frontend
+        working-directory: ./frontend
+        run: yarn run next build
+
       - name: Start frontend
         working-directory: ./frontend
         run: yarn start &

From 3716cbee0267068b087012bfd64ab33c1ba20a14 Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 22:44:40 +0200
Subject: [PATCH 15/24] removed playwright workflow and added caching

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/build-nextjs.yml |  1 +
 .github/workflows/check-pr.yml     |  4 +++-
 .github/workflows/playwright.yml   | 27 ---------------------------
 playwright.config.ts               |  2 +-
 4 files changed, 5 insertions(+), 29 deletions(-)
 delete mode 100644 .github/workflows/playwright.yml

diff --git a/.github/workflows/build-nextjs.yml b/.github/workflows/build-nextjs.yml
index 5001ffce7..9dec36555 100644
--- a/.github/workflows/build-nextjs.yml
+++ b/.github/workflows/build-nextjs.yml
@@ -16,6 +16,7 @@ jobs:
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
           path: |
+            .next/cache
             node_modules
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index ab74ecd69..3d2e355a2 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -98,7 +98,9 @@ jobs:
 
       - uses: actions/cache@v3
         with:
-          path: '**/node_modules'
+          path: |
+            **/node_modules
+            **/.next/cache
           key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
 
       - name: Run db
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
deleted file mode 100644
index 807122baf..000000000
--- a/.github/workflows/playwright.yml
+++ /dev/null
@@ -1,27 +0,0 @@
-name: Playwright Tests
-on:
-  push:
-    branches: [master]
-  pull_request:
-    branches: [master]
-jobs:
-  test:
-    timeout-minutes: 60
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
-        with:
-          node-version: '14.x'
-      - name: Install dependencies
-        run: yarn
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps
-      - name: Run Playwright tests
-        run: yarn playwright test
-      - uses: actions/upload-artifact@v2
-        if: always()
-        with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 30
diff --git a/playwright.config.ts b/playwright.config.ts
index 7f7362acd..b4dc464f9 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -30,7 +30,7 @@ const config: PlaywrightTestConfig = {
   /* 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',
+  reporter: process.env.CI ? 'github' : '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). */

From 62530d27512693d1e0859511caef09fc22be756f Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 23:01:26 +0200
Subject: [PATCH 16/24] try out different cache configuration

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/build-nextjs.yml | 6 ++----
 .github/workflows/test.yml         | 6 +++---
 playwright.config.ts               | 2 +-
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/build-nextjs.yml b/.github/workflows/build-nextjs.yml
index 9dec36555..3f74d6022 100644
--- a/.github/workflows/build-nextjs.yml
+++ b/.github/workflows/build-nextjs.yml
@@ -12,19 +12,17 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
-      - uses: actions/cache@v2
-        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+      - uses: actions/cache@v3
         with:
           path: |
             .next/cache
             node_modules
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          key: ${{ runner.os }}-build-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
             ${{ runner.os }}-yarn-
 
       - name: Install dependencies
         run: yarn
-        if: steps.yarn-cache.outputs.cache-hit != 'true'
 
       - name: Build frontend
         run: |
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index cb2b4c1c7..c408f4c99 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -22,14 +22,14 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
 
-      - uses: actions/cache@v2
+      - uses: actions/cache@v3
         id: yarn-cache
         with:
           path: |
             node_modules
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          key: ${{ runner.os }}-build-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-build-yarn-
 
       - name: Install dependencies
         run: yarn
diff --git a/playwright.config.ts b/playwright.config.ts
index b4dc464f9..7f7362acd 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -30,7 +30,7 @@ const config: PlaywrightTestConfig = {
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: process.env.CI ? 'github' : 'html',
+  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). */

From bed721193c7d7fb8b1415f5ca309d3b47f6f472d Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 23:06:15 +0200
Subject: [PATCH 17/24] add upterm for debugging

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/check-pr.yml | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index 3d2e355a2..6a067b114 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -131,6 +131,14 @@ jobs:
         working-directory: ./frontend
         run: npx playwright install --with-deps
 
+      - name: Setup upterm session
+        uses: lhotari/action-upterm@v1
+        with:
+          ## limits ssh access and adds the ssh public key for the user which triggered the workflow
+          limit-access-to-actor: true
+          ## limits ssh access and adds the ssh public keys of the listed GitHub users
+          limit-access-to-users: imilchev
+
       - name: Run Playwright tests
         working-directory: ./frontend
         run: yarn playwright test e2e/local
@@ -142,10 +150,4 @@ jobs:
           path: ./frontend/playwright-report/
           retention-days: 30
 
-      - name: Setup upterm session
-        uses: lhotari/action-upterm@v1
-        with:
-          ## limits ssh access and adds the ssh public key for the user which triggered the workflow
-          limit-access-to-actor: true
-          ## limits ssh access and adds the ssh public keys of the listed GitHub users
-          limit-access-to-users: imilchev
+      

From 34d0d19e88bd83e04a1f067d07ba62b070f87c79 Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Tue, 9 Aug 2022 23:35:33 +0200
Subject: [PATCH 18/24] setup env

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/build-nextjs.yml | 10 +++++++---
 .github/workflows/check-pr.yml     | 16 ++++++++++++----
 .github/workflows/test.yml         | 12 ++++++++----
 3 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/.github/workflows/build-nextjs.yml b/.github/workflows/build-nextjs.yml
index 3f74d6022..ea9912da2 100644
--- a/.github/workflows/build-nextjs.yml
+++ b/.github/workflows/build-nextjs.yml
@@ -12,14 +12,18 @@ jobs:
     steps:
       - uses: actions/checkout@v2
 
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn cache dir)"
+
       - uses: actions/cache@v3
         with:
           path: |
-            .next/cache
-            node_modules
+            ${{ steps.yarn-cache-dir-path.outputs.dir }}
+            **/.next/cache
           key: ${{ runner.os }}-build-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.os }}-yarn-
+            ${{ runner.os }}-build-yarn-
 
       - name: Install dependencies
         run: yarn
diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index 6a067b114..0dfb32a10 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -96,12 +96,18 @@ jobs:
           ref: master
           path: './api'
 
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn cache dir)"
+
       - uses: actions/cache@v3
         with:
           path: |
-            **/node_modules
+            ${{ steps.yarn-cache-dir-path.outputs.dir }}
             **/.next/cache
-          key: ${{ runner.os }}-modules-${{ hashFiles('**/yarn.lock') }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
 
       - name: Run db
         working-directory: ./api
@@ -123,6 +129,10 @@ jobs:
         working-directory: ./frontend
         run: yarn run next build
 
+      - name: Setup env
+        working-directory: ./frontend
+        run: cp .env.local.example .env.local
+
       - name: Start frontend
         working-directory: ./frontend
         run: yarn start &
@@ -149,5 +159,3 @@ jobs:
           name: ./frontend/playwright-report
           path: ./frontend/playwright-report/
           retention-days: 30
-
-      
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index c408f4c99..87fbdd872 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -22,14 +22,18 @@ jobs:
         with:
           node-version: ${{ matrix.node-version }}
 
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn cache dir)"
+
       - uses: actions/cache@v3
-        id: yarn-cache
         with:
           path: |
-            node_modules
-          key: ${{ runner.os }}-build-yarn-${{ hashFiles('**/yarn.lock') }}
+            ${{ steps.yarn-cache-dir-path.outputs.dir }}
+            **/.next/cache
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.os }}-build-yarn-
+            ${{ runner.os }}-yarn-
 
       - name: Install dependencies
         run: yarn

From f38e728c1b1baf4ca853b69503a95e703e7d07d4 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Mon, 15 Aug 2022 08:31:46 +0300
Subject: [PATCH 19/24] Update e2e tests

---
 e2e/local/homepage.spec.ts | 19 +++++++------------
 e2e/local/support.spec.ts  | 24 +++++++++++++++++-------
 2 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/e2e/local/homepage.spec.ts b/e2e/local/homepage.spec.ts
index f908f91a2..08bd673b7 100644
--- a/e2e/local/homepage.spec.ts
+++ b/e2e/local/homepage.spec.ts
@@ -5,24 +5,19 @@ test.beforeEach(async ({ page }) => {
 })
 
 test('test homepage', async ({ page }) => {
-  // Go to http://localhost:3040/
-
-  // Click text=Текущи кампании
-  await page.locator('text=Текущи кампании').click()
-
   // Click text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц
-  await page
-    .locator(
+  await expect(
+    page.locator(
       'text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц',
-    )
-    .click()
-
-  // Check input[type="checkbox"]
-  await page.locator('input[type="checkbox"]').check()
+    ),
+  ).toBeDefined()
 
   // Click text=Затвори
   await page.locator('text=Затвори').click()
 
+  // Click text=Текущи кампании
+  await page.locator('text=Текущи кампании').click()
+
   // Click text=Как работи Подкрепи.бг?
   await page.locator('text=Как работи Подкрепи.бг?').click()
 
diff --git a/e2e/local/support.spec.ts b/e2e/local/support.spec.ts
index 8916ac78d..09f8aeecf 100644
--- a/e2e/local/support.spec.ts
+++ b/e2e/local/support.spec.ts
@@ -1,10 +1,20 @@
-import { test } from '@playwright/test'
+import { expect, test } from '@playwright/test'
 
 test.beforeEach(async ({ page }) => {
   await page.goto('http://localhost:3040/')
 })
 
 test('test support page', async ({ page }) => {
+  // Click text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц
+  await expect(
+    page.locator(
+      'text=Това е бета версията на платформата на Подкрепи.бг преди предстоящия наесен офиц',
+    ),
+  ).toBeDefined()
+
+  // Click text=Затвори
+  await page.locator('text=Затвори').click()
+
   // Click text=Станете доброволец >> nth=0
   await page.locator('text=Станете доброволец').first().click()
 
@@ -59,21 +69,21 @@ test('test support page', async ({ page }) => {
   // Click text=Изпратете
   await page.locator('text=Изпратете').click()
 
-  // Click text=Задължително поле
-  await page.locator('text=Задължително поле').click()
-
   // Click text=Изпратете
   await page.locator('text=Изпратете').click()
 
+  // Click #mui-3-helper-text
+  await page.locator('#mui-1-helper-text').click()
+
+  // Click #mui-4-helper-text
+  await page.locator('#mui-2-helper-text').click()
+
   // Click #mui-3-helper-text
   await page.locator('#mui-3-helper-text').click()
 
   // Click #mui-4-helper-text
   await page.locator('#mui-4-helper-text').click()
 
-  // Click #mui-5-helper-text
-  await page.locator('#mui-5-helper-text').click()
-
   // Click text=Моля, приемете oбщите условия
   await page.locator('text=Моля, приемете oбщите условия').click()
 

From db3991d3be3cd359269c6a248ea5d354c428c51e Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Mon, 15 Aug 2022 08:32:56 +0300
Subject: [PATCH 20/24] Comment out upterm

---
 .github/workflows/check-pr.yml | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index 0dfb32a10..848205b56 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -141,13 +141,13 @@ jobs:
         working-directory: ./frontend
         run: npx playwright install --with-deps
 
-      - name: Setup upterm session
-        uses: lhotari/action-upterm@v1
-        with:
-          ## limits ssh access and adds the ssh public key for the user which triggered the workflow
-          limit-access-to-actor: true
-          ## limits ssh access and adds the ssh public keys of the listed GitHub users
-          limit-access-to-users: imilchev
+      # - name: Setup upterm session
+      #   uses: lhotari/action-upterm@v1
+      #   with:
+      #     ## limits ssh access and adds the ssh public key for the user which triggered the workflow
+      #     limit-access-to-actor: true
+      #     ## limits ssh access and adds the ssh public keys of the listed GitHub users
+      #     limit-access-to-users: imilchev
 
       - name: Run Playwright tests
         working-directory: ./frontend

From d098fa257bc939eaa41d7ff153d01af731fe375b Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Mon, 15 Aug 2022 08:44:21 +0300
Subject: [PATCH 21/24] Rename report artifact

---
 .github/workflows/check-pr.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index 848205b56..64ac57127 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -156,6 +156,6 @@ jobs:
       - uses: actions/upload-artifact@v2
         if: always()
         with:
-          name: ./frontend/playwright-report
+          name: playwright-report
           path: ./frontend/playwright-report/
           retention-days: 30

From 29b49f438541fa9254829a494e388202034b274d Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Mon, 15 Aug 2022 11:44:36 +0300
Subject: [PATCH 22/24] extract playwright tests into a reusable workflow

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 .github/workflows/check-pr.yml   | 77 +----------------------------
 .github/workflows/playwright.yml | 83 ++++++++++++++++++++++++++++++++
 .github/workflows/release.yml    |  6 ++-
 3 files changed, 89 insertions(+), 77 deletions(-)
 create mode 100644 .github/workflows/playwright.yml

diff --git a/.github/workflows/check-pr.yml b/.github/workflows/check-pr.yml
index 64ac57127..cd10fa0c9 100644
--- a/.github/workflows/check-pr.yml
+++ b/.github/workflows/check-pr.yml
@@ -83,79 +83,4 @@ jobs:
 
   run-playwright:
     name: Run Playwright
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-        with:
-          path: './frontend'
-
-      - name: Checkout
-        uses: actions/checkout@v3
-        with:
-          repository: podkrepi-bg/api
-          ref: master
-          path: './api'
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn cache dir)"
-
-      - uses: actions/cache@v3
-        with:
-          path: |
-            ${{ steps.yarn-cache-dir-path.outputs.dir }}
-            **/.next/cache
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      - name: Run db
-        working-directory: ./api
-        run: docker compose up -d pg-db
-
-      - name: Run api
-        working-directory: ./api
-        run: docker compose up -d --force-recreate --no-build migrate-db seed-db api keycloak
-
-      - uses: actions/setup-node@v2
-        with:
-          node-version: '14.x'
-
-      - name: Install dependencies
-        working-directory: ./frontend
-        run: yarn
-
-      - name: Build frontend
-        working-directory: ./frontend
-        run: yarn run next build
-
-      - name: Setup env
-        working-directory: ./frontend
-        run: cp .env.local.example .env.local
-
-      - name: Start frontend
-        working-directory: ./frontend
-        run: yarn start &
-
-      - name: Install Playwright Browsers
-        working-directory: ./frontend
-        run: npx playwright install --with-deps
-
-      # - name: Setup upterm session
-      #   uses: lhotari/action-upterm@v1
-      #   with:
-      #     ## limits ssh access and adds the ssh public key for the user which triggered the workflow
-      #     limit-access-to-actor: true
-      #     ## limits ssh access and adds the ssh public keys of the listed GitHub users
-      #     limit-access-to-users: imilchev
-
-      - name: Run Playwright tests
-        working-directory: ./frontend
-        run: yarn playwright test e2e/local
-
-      - uses: actions/upload-artifact@v2
-        if: always()
-        with:
-          name: playwright-report
-          path: ./frontend/playwright-report/
-          retention-days: 30
+    uses: ./.github/workflows/playwright.yml
\ No newline at end of file
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
new file mode 100644
index 000000000..5ac7d6711
--- /dev/null
+++ b/.github/workflows/playwright.yml
@@ -0,0 +1,83 @@
+name: Playwright tests
+on:
+  workflow_call:
+
+jobs:
+  run-playwright:
+    name: Run Playwright
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          path: './frontend'
+
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          repository: podkrepi-bg/api
+          ref: master
+          path: './api'
+
+      - name: Get yarn cache directory path
+        id: yarn-cache-dir-path
+        run: echo "::set-output name=dir::$(yarn cache dir)"
+
+      - uses: actions/cache@v3
+        with:
+          path: |
+            ${{ steps.yarn-cache-dir-path.outputs.dir }}
+            **/.next/cache
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
+      - name: Run db
+        working-directory: ./api
+        run: docker compose up -d pg-db
+
+      - name: Run api
+        working-directory: ./api
+        run: docker compose up -d --force-recreate --no-build migrate-db seed-db api keycloak
+
+      - uses: actions/setup-node@v2
+        with:
+          node-version: '14.x'
+
+      - name: Install dependencies
+        working-directory: ./frontend
+        run: yarn
+
+      - name: Build frontend
+        working-directory: ./frontend
+        run: yarn run next build
+
+      - name: Setup env
+        working-directory: ./frontend
+        run: cp .env.local.example .env.local
+
+      - name: Start frontend
+        working-directory: ./frontend
+        run: yarn start &
+
+      - name: Install Playwright Browsers
+        working-directory: ./frontend
+        run: npx playwright install --with-deps
+
+      # - name: Setup upterm session
+      #   uses: lhotari/action-upterm@v1
+      #   with:
+      #     ## limits ssh access and adds the ssh public key for the user which triggered the workflow
+      #     limit-access-to-actor: true
+      #     ## limits ssh access and adds the ssh public keys of the listed GitHub users
+      #     limit-access-to-users: imilchev
+
+      - name: Run Playwright tests
+        working-directory: ./frontend
+        run: yarn playwright test e2e/local
+
+      - uses: actions/upload-artifact@v2
+        if: always()
+        with:
+          name: playwright-report
+          path: ./frontend/playwright-report/
+          retention-days: 30
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 989344810..469c36f1e 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -113,10 +113,14 @@ jobs:
           scan_type: k8s
           path: prod-manifests.yaml
 
+  run-playwright:
+    name: Run Playwright
+    uses: ./.github/workflows/playwright.yml
+
   release-dev:
     name: Release to dev
     runs-on: ubuntu-latest
-    needs: [build-frontend-image, build-maintenance-image, scan-manifests]
+    needs: [build-frontend-image, build-maintenance-image, scan-manifests, run-playwright]
     environment:
       name: dev
       url: https://dev.podkrepi.bg

From 2af13cd31af6a71f98b111f842434efc92c6a782 Mon Sep 17 00:00:00 2001
From: Ivan Milchev <ivan@mondoo.com>
Date: Mon, 15 Aug 2022 12:10:44 +0300
Subject: [PATCH 23/24] ignore e2e tests when running jest

Signed-off-by: Ivan Milchev <ivan@mondoo.com>
---
 jest.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/jest.config.js b/jest.config.js
index 361345318..5d707f141 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -14,6 +14,7 @@ const customJestConfig = {
   // if using TypeScript with a baseUrl set to the root directory then you need the below for alias' to work
   moduleDirectories: ['node_modules', '<rootDir>/src/'],
   testEnvironment: 'jest-environment-jsdom',
+  testPathIgnorePatterns: ['node_modules', '<rootDir>/e2e/'],
 }
 
 // createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async

From 579cc3ee50655fa5536999acf38d4c70ec10c494 Mon Sep 17 00:00:00 2001
From: Ilko Kacharov <kachar136@gmail.com>
Date: Mon, 15 Aug 2022 13:45:31 +0300
Subject: [PATCH 24/24] Added testing readme

---
 .github/workflows/playwright.yml |  8 -----
 README.md                        | 10 +++++-
 e2e/README.md                    | 58 ++++++++++++++++++++++++++++++++
 3 files changed, 67 insertions(+), 9 deletions(-)
 create mode 100644 e2e/README.md

diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
index 5ac7d6711..07768bcd2 100644
--- a/.github/workflows/playwright.yml
+++ b/.github/workflows/playwright.yml
@@ -63,14 +63,6 @@ jobs:
         working-directory: ./frontend
         run: npx playwright install --with-deps
 
-      # - name: Setup upterm session
-      #   uses: lhotari/action-upterm@v1
-      #   with:
-      #     ## limits ssh access and adds the ssh public key for the user which triggered the workflow
-      #     limit-access-to-actor: true
-      #     ## limits ssh access and adds the ssh public keys of the listed GitHub users
-      #     limit-access-to-users: imilchev
-
       - name: Run Playwright tests
         working-directory: ./frontend
         run: yarn playwright test e2e/local
diff --git a/README.md b/README.md
index cd52fc3be..d715591f5 100644
--- a/README.md
+++ b/README.md
@@ -10,7 +10,7 @@
   <p align="center"><a target="_blank" rel="noopener noreferrer" href="https://github.com/podkrepi-bg/frontend/actions/workflows/lint.yml"><img src="https://github.com/podkrepi-bg/frontend/actions/workflows/lint.yml/badge.svg" alt="Lint" style="max-width: 100%;"></a>
 <a target="_blank" rel="noopener noreferrer" href="https://github.com/podkrepi-bg/frontend/actions/workflows/release.yml"><img src="https://github.com/podkrepi-bg/frontend/actions/workflows/release.yml/badge.svg" alt="Build" style="max-width: 100%;"></a>
 <a href="https://github.com/podkrepi-bg/frontend/actions/workflows/check-pr.yml"><img src="https://github.com/podkrepi-bg/frontend/actions/workflows/check-pr.yml/badge.svg" alt="Build docker image" style="max-width: 100%;"></a></p>
-  
+
   <p align="center"><a target="_blank" rel="noopener noreferrer" href="https://img.shields.io/github/license/podkrepi-bg/frontend"><img src="https://img.shields.io/github/license/podkrepi-bg/frontend" alt="" data-canonical-src="https://img.shields.io/github/license/podkrepi-bg/frontend" style="max-width: 100%;"></a>
 <a target="_blank" rel="noopener noreferrer" href="https://img.shields.io/github/issues/podkrepi-bg/frontend"><img src="https://img.shields.io/github/issues/podkrepi-bg/frontend" alt="" data-canonical-src="https://img.shields.io/github/issues/podkrepi-bg/frontend" style="max-width: 100%;"></a></p>
 
@@ -25,6 +25,8 @@
   - [Formik](https://formik.org/) / [MobX](https://mobx.js.org/)
   - [ESlint](https://eslint.org/) / [Prettier](https://prettier.io/) / [Husky](https://github.com/typicode/husky) / [Stylelint](https://stylelint.io/) / [Lint Staged](https://github.com/okonet/lint-staged)
   - [Sentry](https://sentry.io/organizations/podkrepibg/)
+- Testing
+  - [Playwright](https://playwright.dev/)
 
 ## Initial setup
 
@@ -59,6 +61,12 @@ In order to use the frontend together with the API and be able to test donations
 
 Follow the instructions at <https://github.com/podkrepi-bg/api/blob/master/TESTING.md>
 
+## Testing
+
+End to end testing is done on every PR with [Playwright](https://playwright.dev/). Github Workflows start the whole stack and run tests in headless mode.
+
+Read more at [End-2-End Testing](https://github.com/podkrepi-bg/frontend/blob/master/e2e/README.md)
+
 ## Contributors ✨
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
diff --git a/e2e/README.md b/e2e/README.md
new file mode 100644
index 000000000..444b53d23
--- /dev/null
+++ b/e2e/README.md
@@ -0,0 +1,58 @@
+# End-to-end testing
+
+## Playwright
+
+- <https://playwright.dev/>
+
+## Running tests
+
+E2e tests are automated and running on every PR in Github Actions. [Link to the workflow](https://github.com/podkrepi-bg/frontend/blob/29b49f438541fa9254829a494e388202034b274d/.github/workflows/playwright.yml)
+
+```shell
+$ yarn test:e2e --help
+
+Run tests with Playwright Test
+
+Options:
+--browser <browser>          Browser to use for tests, one of "all", "chromium", "firefox" or "webkit" (default: "chromium")
+--headed                     Run tests in headed browsers (default: headless)
+--debug                      Run tests with Playwright Inspector. Shortcut for "PWDEBUG=1" environment variable and "--timeout=0 --maxFailures=1 --headed --workers=1" options
+-c, --config <file>          Configuration file, or a test directory with optional "playwright.config.ts"/"playwright.config.js"/"playwright.config.mjs"
+--forbid-only                Fail if test.only is called (default: false)
+--fully-parallel             Run all tests in parallel (default: false)
+-g, --grep <grep>            Only run tests matching this regular expression (default: ".*")
+-gv, --grep-invert <grep>    Only run tests that do not match this regular expression
+--global-timeout <timeout>   Maximum time this test suite can run in milliseconds (default: unlimited)
+-j, --workers <workers>      Number of concurrent workers, use 1 to run in a single worker (default: number of CPU cores / 2)
+--list                       Collect all the tests and report them, but do not run
+--max-failures <N>           Stop after the first N failures
+--output <dir>               Folder for output artifacts (default: "test-results")
+--quiet                      Suppress stdio
+--repeat-each <N>            Run each test N times (default: 1)
+--reporter <reporter>        Reporter to use, comma-separated, can be "list", "line", "dot", "json", "junit", "null", "github", "html" (default: "list")
+--retries <retries>          Maximum retry count for flaky tests, zero for no retries (default: no retries)
+--shard <shard>              Shard tests and execute only the selected shard, specify in the form "current/all", 1-based, for example "3/5"
+--project <project-name...>  Only run tests from the specified list of projects (default: run all projects)
+--timeout <timeout>          Specify test timeout threshold in milliseconds, zero for unlimited (default: 30000)
+-u, --update-snapshots       Update snapshots with actual results (default: only create missing snapshots)
+-x                           Stop after the first failure
+-h, --help                   display help for command
+```
+
+### Run all test suites
+
+```shell
+yarn test:e2e
+```
+
+### Run only local test suites
+
+```shell
+yarn test:e2e local
+```
+
+### Run local test suites in headed mode with enabled debug
+
+```shell
+yarn test:e2e local --headed --debug -x -g support
+```