Merge branch 'develop' into feature/bulk-code-generation

.babelrc

@@ -1,5 +1,3 @@
 {
-    "presets": [
-      "next/babel"
-    ]
-  }
+  "presets": ["next/babel"]
+}

.env.development

@@ -1,11 +1,8 @@
 ## Development Defaults
 ## Used by `next dev` or `npm run dev`
 ## Overridded by the ones set in Vercel
-
 ## For running development builds on local use - `.env.development.local`
-
 ## `.env.development` stays in git with default or empty values
-
 API_ENDPOINT=app-development.plant-for-the-planet.org
 AUTH0_CUSTOM_DOMAIN=pftp.eu.auth0.com
 AUTH0_CLIENT_ID=yxABVrSIbmSO6QeTfZjkJefDnW2vrE7y

.eslintrc.js

@@ -1,5 +1,6 @@
 module.exports = {
   env: {
+    node: true,
     browser: true,
     es2020: true,
   },
@@ -19,15 +20,15 @@ module.exports = {
     ecmaVersion: 11,
     sourceType: 'module',
   },
-  plugins: [
-    'react',
-    '@typescript-eslint',
-  ],
+  plugins: ['react', '@typescript-eslint', '@emotion', 'cypress'],
   rules: {
     'react/react-in-jsx-scope': 'off',
     'react/jsx-props-no-spreading': 'off',
     'no-use-before-define': 'off',
-    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx', '.tsx'] }],
+    'react/jsx-filename-extension': [
+      1,
+      { extensions: ['.js', '.jsx', '.tsx'] },
+    ],
     'react/jsx-indent': 'off',
     'import/extensions': 'off',
     'import/no-unresolved': 'off',
@@ -37,9 +38,22 @@ module.exports = {
     '@typescript-eslint/no-empty-function': 'off',
     'no-empty-pattern': 'off',
     'react/display-name': 'off',
-    'react/no-find-dom-node': 'off'
+    'react/no-find-dom-node': 'off',
+    '@emotion/jsx-import': 'error',
+    '@emotion/no-vanilla': 'error',
+    '@emotion/import-from-emotion': 'error',
+    '@emotion/styled-import': 'error',
+    '@typescript-eslint/no-var-requires': 0,
+    'react/prop-types': 'off',
+    'cypress/no-assigning-return-values': 'error',
+    'cypress/no-unnecessary-waiting': 'error',
+    'cypress/assertion-before-screenshot': 'warn',
+    'cypress/no-force': 'warn',
+    'cypress/no-async-tests': 'error',
+    'cypress/no-pause': 'error',
   },
   globals: {
     React: 'writable',
+    cy: true,
   },
 };

.prettierrc

@@ -0,0 +1,8 @@
+{
+    "semi": true,
+    "trailingComma": "es5",
+    "singleQuote": true,
+    "printWidth": 80,
+    "tabWidth": 2,
+    "useTabs": false
+  }

cypress/integration/donations.spec.js

@@ -1,60 +1,61 @@
 /// <reference types="cypress" />
-
-describe(("Donations"),() => {
-    it("Basic Donations",()=> {
-        cy.BasicDonation()
-        cy.cardPayment("4242424242424242", "424", "242")
-    })
-
-    it("Gift Donation", () => {
-        cy.giftDonation()
-        cy.cardPayment("4242424242424242", "424", "242")
-    })
-
-    // This test does not work in all enviroments as language is auto detected
-    // and "Germany" cannot be found in other languages then English.
-    //
-    // This also fails for other reasons:
-    //  `cy.click()` failed because the center of this element is hidden from view 
-    /*
+import cy from 'cypress';
+
+describe('Donations', () => {
+  it('Basic Donations', () => {
+    cy.BasicDonation();
+    cy.cardPayment('4242424242424242', '424', '242');
+  });
+
+  it('Gift Donation', () => {
+    cy.giftDonation();
+    cy.cardPayment('4242424242424242', '424', '242');
+  });
+
+  // This test does not work in all enviroments as language is auto detected
+  // and "Germany" cannot be found in other languages then English.
+  //
+  // This also fails for other reasons:
+  //  `cy.click()` failed because the center of this element is hidden from view
+  /*
     it("Change currency and custom tree donation", () => {
         cy.customTreeDonation()
         cy.cardPayment("4242424242424242", "424", "242")
     })
     */
 
-    it("Multiple Donations", () => {
-        cy.multipleDonation()
-        cy.cardPayment("4242424242424242", "424", "242")
-    })
-
-    //  International Cards
-     it("Testing with Germany Visa", () => {
-        cy.BasicDonation()
-        cy.cardPayment("4000002760000016", "424", "242")
-    });
-
-    it("Testing with Spain Visa", () => {
-        cy.spainDonation()
-        cy.cardPayment("4000007240000007", "424", "242")
-    });
-
-    // error testing
-    it("Testing with Charge declined error", () => {
-        cy.BasicDonation()
-        cy.paymentError("4000000000000002", "424", "242")
-    });
-    it("Testing with Insufficient funds error", () => {
-        cy.BasicDonation()
-        cy.paymentError("4000000000009995", "424", "242")
-    });
-    it("Testing with CVC fails", () => {
-        cy.BasicDonation()
-        cy.paymentError("4000000000000101", "424", "242")
-    });
-
-    it("Gift Removal using Search bar", () => {
-        cy.giftRemove()
-        cy.cardPayment("4242424242424242", "424", "242")
-    })
-})
+  it('Multiple Donations', () => {
+    cy.multipleDonation();
+    cy.cardPayment('4242424242424242', '424', '242');
+  });
+
+  //  International Cards
+  it('Testing with Germany Visa', () => {
+    cy.BasicDonation();
+    cy.cardPayment('4000002760000016', '424', '242');
+  });
+
+  it('Testing with Spain Visa', () => {
+    cy.spainDonation();
+    cy.cardPayment('4000007240000007', '424', '242');
+  });
+
+  // error testing
+  it('Testing with Charge declined error', () => {
+    cy.BasicDonation();
+    cy.paymentError('4000000000000002', '424', '242');
+  });
+  it('Testing with Insufficient funds error', () => {
+    cy.BasicDonation();
+    cy.paymentError('4000000000009995', '424', '242');
+  });
+  it('Testing with CVC fails', () => {
+    cy.BasicDonation();
+    cy.paymentError('4000000000000101', '424', '242');
+  });
+
+  it('Gift Removal using Search bar', () => {
+    cy.giftRemove();
+    cy.cardPayment('4242424242424242', '424', '242');
+  });
+});