feat: paypal card test

.github/workflows/quarantine-tests.yaml

@@ -0,0 +1,72 @@
+name: Quarantine Tests
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: read
+  packages: read
+
+jobs:
+  quarantine tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Enable corepack
+        run: corepack enable
+
+      - name: Setup node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '20.5'
+          cache: 'yarn'
+          registry-url: "https://npm.pkg.github.com"
+
+      - name: Set yarn version
+        run: |
+          yarn set version stable
+          yarn set version 3.6.4
+
+      - name: Setup .yarnrc.yml
+        run: |
+          yarn config set nodeLinker node-modules
+          yarn config set npmScopes.plentymarkets.npmRegistryServer "https://npm.pkg.github.com"
+          yarn config set npmScopes.plentymarkets.npmAlwaysAuth true
+          yarn config set npmScopes.plentymarkets.npmAuthToken $NODE_AUTH_TOKEN
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Install Dependencies
+        run: yarn --immutable
+
+      - name: Set environment
+        run: |
+          touch apps/web/.env
+          cat <<EOT >> apps/web/.env
+          API_SECURITY_TOKEN=${{ secrets.API_SECURITY_TOKEN }}
+          API_ENDPOINT=https://mevofvd5omld.c01-14.plentymarkets.com
+          CLOUDFLARE_TURNSTILE_SITE_KEY="0x4AAAAAAANx3aXDh7UR35x0" >> apps/web/.env
+          ${{ vars.CONFIG }}
+          EOT
+
+      - name: E2E tests
+        uses: cypress-io/github-action@v5
+        with:
+          build: yarn build
+          install: false
+          command: yarn test:cypress-quarantine
+        env:
+          PAYPAL_EMAIL: ${{ secrets.PAYPAL_EMAIL }}
+          PAYPAL_PASSWORD: ${{ secrets.PAYPAL_PASSWORD }}
+
+      - uses: actions/upload-artifact@v3
+        if: failure()
+        with:
+          name: cypress-screenshots
+          path: apps/web/__tests__/report/screenshots
+          if-no-files-found: ignore

.github/workflows/tests.yaml

@@ -43,7 +43,7 @@ jobs:
       - name: Install Dependencies
         run: yarn --immutable
 
-      - name: Unit tests
+      - name: Set environment
         run: |
           touch apps/web/.env
           cat <<EOT >> apps/web/.env
@@ -52,6 +52,9 @@ jobs:
           CLOUDFLARE_TURNSTILE_SITE_KEY="0x4AAAAAAANx3aXDh7UR35x0" >> apps/web/.env
           ${{ vars.CONFIG }}
           EOT
+
+      - name: Unit tests
+        run: |
           pushd ${{ github.workspace }}/apps/server/
           yarn start &
           pushd ${{ github.workspace }}/apps/web/
@@ -62,8 +65,8 @@ jobs:
         uses: cypress-io/github-action@v5
         with:
           build: yarn build
-          command: yarn test:cypress
           install: false
+          command: yarn test:cypress
         env:
           PAYPAL_EMAIL: ${{ secrets.PAYPAL_EMAIL }}
           PAYPAL_PASSWORD: ${{ secrets.PAYPAL_PASSWORD }}

apps/web/__tests__/test/quarantine/paypalCreditCard.spec.cy.ts

@@ -0,0 +1,39 @@
+import { CartPageObject } from '../../support/pageObjects/CartPageObject';
+import { CheckoutPageObject } from '../../support/pageObjects/CheckoutPageObject';
+import { HomePageObject } from '../../support/pageObjects/HomePageObject';
+import { ProductListPageObject } from '../../support/pageObjects/ProductListPageObject';
+import { paths } from '../../../utils/paths';
+
+const checkout = new CheckoutPageObject();
+const cart = new CartPageObject();
+const homePage = new HomePageObject();
+const productListPage = new ProductListPageObject();
+
+describe('Smoke: PayPal credit card order', () => {
+  beforeEach(() => {
+    cy.setCookie('vsf-locale', 'en');
+    cy.setCookie('consent-cookie', '{"Essentials":{"Session":true,"Consent":true,"Session2":true},"External Media":{"Session":false,"Consent":false,"Session2":false},"Functional":{"Session":false,"Consent":false,"Session2":false},"Marketing":{"Session":false,"Consent":false,"Session2":false}}')
+  });
+
+  it('[smoke] Check if status on order gets updated when paying with paypal credit card', () => {
+    cy.visitAndHydrate(paths.home);
+
+    homePage.goToCategory();
+    productListPage.addToCart();
+
+    cart.openCart();
+    checkout
+      .goToGuestCheckout()
+      .goToCheckout()
+      .fillContactInformationForm()
+      .addBillingAddress()
+      .fillBillingAddressForm()
+      .acceptTerms()
+      .checkCreditCard()
+      .placeOrderButton()
+      .fillCreditCardForm()
+      .payCreditCard()
+      .displaySuccessPage()
+      .displayFullyPaid();
+  });
+});

apps/web/__tests__/test/smoke/categoryPage.cy.ts

@@ -9,7 +9,7 @@ describe('Smoke: Category Page', () => {
   });
 
   it('[smoke] Category filters should trigger a product data reload', () => {
-    // We should configure the system so that the first category is set up with filters. 
+    // We should configure the system so that the first category is set up with filters.
     // This way we are independet from the language and the url.
     cy.visitAndHydrate('/living-room');
 

apps/web/__tests__/test/unit/i18n.spec.ts

@@ -33,7 +33,7 @@ const haveEqualStructure = (lang1: object, lang2: object) => {
 const hasAllKeys = (obj1: object, obj2: object)  => {
     const obj1WorkingCopy = structuredClone(obj1)
     const obj2WorkingCopy = structuredClone(obj2)
-    
+
     const obj1Skeleton = setValuesToEmptyString(obj1WorkingCopy);
     const obj2Skeleton = setValuesToEmptyString(obj2WorkingCopy);
 

apps/web/package.json

@@ -19,7 +19,8 @@
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",
-    "test:cypress": "cypress run --browser chrome --headless",
+    "test:cypress-quarantine": "cypress run --browser chrome --headless --spec '__tests__/test/quarantine/*.cy.{js,jsx,ts,tsx}'",
+    "test:cypress": "cypress run --browser chrome --headless --spec '__tests__/test/feature/*.cy.{js,jsx,ts,tsx},__tests__/test/smoke/*.cy.{js,jsx,ts,tsx}'",
     "test:cypress-dev": "cypress open --e2e"
   },
   "dependencies": {

docs/changelog/changelog_en.md

@@ -23,6 +23,10 @@
 - Registration without cloudflare turnstile configuration is now possible.
 - Fixed item image size in recommended product slider.
 
+### Changed
+
+- Moved paypal credit card test into quarantine folder.
+
 ## v1.4.1 (2024-06-05) <a href="https://github.com/plentymarkets/plentyshop-pwa/compare/v1.4.0...v1.4.1" target="_blank" rel="noopener"><b>Overview of all changes</b></a>
 
 ### New

package.json

@@ -24,6 +24,7 @@
     "test": "yarn turbo:disable-telemetry && turbo run test",
     "test:watch": "yarn turbo:disable-telemetry && turbo run test:watch",
     "test:coverage": "yarn turbo:disable-telemetry && npx turbo run test:coverage",
+    "test:cypress-quarantine": "concurrently -k -s=first \"yarn wait-on http-get://localhost:3000 && yarn turbo:disable-telemetry && turbo run test:cypress-quarantine\" \"yarn start\"",
     "test:cypress": "concurrently -k -s=first \"yarn wait-on http-get://localhost:3000 && yarn turbo:disable-telemetry && turbo run test:cypress\" \"yarn start\"",
     "test:cypress-dev": "concurrently -k -s=first \"yarn wait-on http-get://localhost:3000 && yarn turbo:disable-telemetry && turbo run test:cypress-dev\" \"yarn dev\"",
     "lhci:mobile": "lhci autorun"

turbo.json

@@ -41,6 +41,9 @@
     "test:watch": {
       "cache": false
     },
+    "test:cypress-quarantine": {
+      "cache": false
+    },
     "test:cypress": {
       "cache": false
     },