Release/v1.4.0

CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## v1.4.0
+
+Added
+
+- Support for payment methods `trustly` `bancomatpay` `mbway` `multibanco` `satispay` `twint` `paybybank` `eps`
+
 ## v1.3.2
 
 Added
@@ -96,8 +102,11 @@ Added
 Fixed
 
 [Create Refund](./docs/CreateRefund.md)
+
 - Handling the Refund Creation for the case that the Payment has more than one Success Charge transaction
+
   - Changing the way to determine the Create Refund action:
+
     - Before
 
     ```Typescript
@@ -167,7 +176,7 @@ Fixed
           custom: {
             type: {
               ...
-            }, 
+            },
             fields: {
               sctm_transaction_refund_for_mollie_payment: 'tr_123456' // Creating a Refund for the Mollie Payment tr_123456
             }
@@ -178,8 +187,11 @@ Fixed
     ```
 
 [Cancel Refund](./docs/CancelPaymentRefund.md)
+
 - Following the changes for creating refund, we also updated the handler for Refund Cancellation to match with the above changes
+
   - Changing the way to determine the Cancel Refund action:
+
     - Before
 
     ```Typescript
@@ -248,7 +260,7 @@ Fixed
     // In this case, this will be considered as a Cancellation request for the Pending Refund with id: refund-transaction-2
     ```
 
-    __*Note:* The above solution is just for supporting the old versions and will be remove in the near future (in next versions). From this version, please follow the below solution.__
+    **_Note:_ The above solution is just for supporting the old versions and will be remove in the near future (in next versions). From this version, please follow the below solution.**
 
   - However, to do it in a correct way, from this version, you should specify the Mollie Refund ID (which stored in the `interactionId` of the Pending Refund transaction) that you want to cancel by putting it in the `interactionId` of the Initial CancelAuthorization. For example:
 
@@ -287,7 +299,7 @@ Fixed
       ]
     }
 
-    // In this case, this will be considered as a Cancellation request for the Pending Refund with id: refund-transaction-1 
+    // In this case, this will be considered as a Cancellation request for the Pending Refund with id: refund-transaction-1
     ```
 
 ## v1.1.2

application/cypress/e2e/method-details-icon.cy.ts

@@ -5,6 +5,7 @@
 import {
   entryPointUriPath,
   APPLICATION_BASE_ROUTE,
+  PAYMENT_METHODS,
 } from '../support/constants';
 
 beforeEach(() => {
@@ -23,14 +24,14 @@ beforeEach(() => {
 
 describe('Test method details - Icon tab', () => {
   it('should be fully functional', () => {
-    const paymentMethod = 'PayPal';
-
-    cy.findByText(paymentMethod).click();
-
-    cy.findByRole('tab', { name: 'Icon' }).click();
-    cy.url().should('contain', 'icon');
-
-    cy.findByTestId('image-url-input').should('be.visible');
-    cy.findByTestId('image-preview').should('be.visible');
+    PAYMENT_METHODS.forEach((paymentMethod) => {
+      cy.findByTestId(`name-column-${paymentMethod}`).click();
+      cy.url().should('contain', 'general');
+      cy.findByRole('tab', { name: 'Icon' }).click();
+      cy.url().should('contain', 'icon');
+      cy.findByTestId('image-url-input').should('be.visible');
+      cy.findByTestId('image-preview').should('be.visible');
+      cy.get('body').type('{esc}');
+    });
   });
 });

application/cypress/e2e/method-details.cy.ts

@@ -5,6 +5,7 @@
 import {
   entryPointUriPath,
   APPLICATION_BASE_ROUTE,
+  PAYMENT_METHODS,
 } from '../support/constants';
 beforeEach(() => {
   cy.loginToMerchantCenter({
@@ -23,56 +24,27 @@ beforeEach(() => {
 describe('Test welcome.cy.ts', () => {
   it('should render method details page', () => {
     const LOCALE = Cypress.env('LOCALE');
-    const paymentMethods = [
-      'PayPal',
-      'iDEAL Pay in 3 instalments, 0% interest',
-      'iDEAL',
-      'Bancontact',
-      'Blik',
-    ];
 
-    cy.findByText(paymentMethods[0]).click();
-    cy.url().should('contain', 'general');
-
-    cy.findByTestId('status-select').should('exist');
-
-    cy.findByTestId(`name-input-${LOCALE}`).should('exist');
-    cy.findByTestId(`description-input-${LOCALE}`).should('exist');
-    cy.findByTestId(`display-order-input`).should('exist');
-  });
-
-  it('should update display order successfully', () => {
-    const paymentMethodIds = ['paypal'];
-
-    cy.findByTestId(`display-order-column-${paymentMethodIds[0]}`).click();
-    cy.url().should('contain', 'general');
-
-    cy.findByTestId(`display-order-input`).should('exist');
-    cy.findByTestId(`display-order-input`).clear();
-    cy.findByTestId(`display-order-input`).type('20');
-    cy.findByTestId(`save-button`).click();
-    cy.findByLabelText('Go back').click();
-    cy.findByTestId(`display-order-column-${paymentMethodIds[0]}`).should(
-      'have.text',
-      20
-    );
+    PAYMENT_METHODS.forEach((paymentMethod) => {
+      cy.findByTestId(`name-column-${paymentMethod}`).click();
+      cy.url().should('contain', 'general');
+      cy.findByTestId('status-select').should('exist');
+      cy.findByTestId(`name-input-${LOCALE}`).should('exist');
+      cy.findByTestId(`description-input-${LOCALE}`).should('exist');
+      cy.findByTestId(`display-order-input`).should('exist');
+      cy.get('body').type('{esc}');
+    });
   });
 
   it('credit card component visibility config should exist', () => {
-    const paymentMethodIds = ['creditcard'];
-
-    cy.findByTestId(`display-order-column-${paymentMethodIds[0]}`).click();
+    cy.findByTestId(`display-order-column-creditcard`).click();
     cy.url().should('contain', 'general');
-
     cy.findByTestId(`display-card-component`).should('exist');
   });
 
   it('banktransfer due date config should exist', () => {
-    const paymentMethodIds = ['banktransfer'];
-
-    cy.findByTestId(`display-order-column-${paymentMethodIds[0]}`).click();
+    cy.findByTestId(`display-order-column-banktransfer`).click();
     cy.url().should('contain', 'general');
-
     cy.findByTestId(`banktransfer-due-date`).should('exist');
   });
 });

application/cypress/e2e/welcome.cy.ts

@@ -5,6 +5,7 @@
 import {
   entryPointUriPath,
   APPLICATION_BASE_ROUTE,
+  PAYMENT_METHODS,
 } from '../support/constants';
 
 describe('Test welcome.cy.ts', () => {
@@ -14,6 +15,7 @@ describe('Test welcome.cy.ts', () => {
       initialRoute: APPLICATION_BASE_ROUTE,
     });
   });
+
   it('should render payment methods list', () => {
     cy.fixture('forward-to').then((response) => {
       cy.intercept('GET', '/proxy/forward-to', {
@@ -22,31 +24,22 @@ describe('Test welcome.cy.ts', () => {
       });
     });
 
-    const paymentMethods = [
-      'PayPal',
-      'iDEAL',
-      'Bancontact',
-      'Blik',
-      'Bank transfer',
-      'Pay with Klarna',
-    ];
-
-    const headers = ['Payment method', 'Active', 'Icon', 'Display order'];
+    const headers = ['name', 'status', 'image', 'order'];
 
     cy.findByText('Mollie payment methods').should('exist');
     cy.findByText('Content will follow...').should('not.exist');
 
     headers.forEach((header) => {
-      cy.findByText(header).should('exist');
+      cy.findByTestId(`header-${header}`).should('exist');
     });
 
-    paymentMethods.forEach((paymentMethod) => {
-      cy.findByText(paymentMethod).should('exist');
+    PAYMENT_METHODS.forEach((paymentMethod) => {
+      cy.findByTestId(`name-column-${paymentMethod}`).should('exist');
     });
   });
 
   it('should render no data notification', () => {
-    cy.fixture('forward-to').then((response) => {
+    cy.fixture('forward-to').then(() => {
       cy.intercept('GET', '/proxy/forward-to', {
         statusCode: 200,
         body: {},