Merge pull request #96 from mollie/feature/MOL-446

MOL-446/MOL-509: add Icon tab for controlling image url

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

@@ -0,0 +1,36 @@
+/// <reference types="cypress" />
+/// <reference types="@testing-library/cypress" />
+/// <reference types="@commercetools-frontend/cypress" />
+
+import {
+  entryPointUriPath,
+  APPLICATION_BASE_ROUTE,
+} from '../support/constants';
+
+beforeEach(() => {
+  cy.loginToMerchantCenter({
+    entryPointUriPath,
+    initialRoute: APPLICATION_BASE_ROUTE,
+  });
+
+  cy.fixture('forward-to').then((response) => {
+    cy.intercept('GET', '/proxy/forward-to', {
+      statusCode: 200,
+      body: response,
+    });
+  });
+});
+
+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');
+  });
+});

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

@@ -42,7 +42,7 @@ describe('Test welcome.cy.ts', () => {
   });
 
   it('should update display order successfully', () => {
-    const paymentMethodIds = ['paypal', 'ideal', 'bancontact'];
+    const paymentMethodIds = ['paypal'];
 
     cy.findByTestId(`display-order-column-${paymentMethodIds[0]}`).click();
     cy.url().should('contain', 'general');

application/cypress/e2e/welcome.cy.ts

@@ -24,10 +24,10 @@ describe('Test welcome.cy.ts', () => {
 
     const paymentMethods = [
       'PayPal',
-      'iDEAL Pay in 3 instalments, 0% interest',
       'iDEAL',
       'Bancontact',
       'Blik',
+      'Bank transfer',
     ];
 
     const headers = ['Payment method', 'Active', 'Icon', 'Display order'];