[PAF-26] - Add alias token Charge3DS iframe

.github/workflows/config.yml

@@ -0,0 +1,32 @@
+name: Tests
+
+on:
+  push:
+    branches:
+      - '**'
+
+jobs:
+  run-tests:
+    name: 'Run tests'
+    runs-on: ubuntu-22.04x
+    container: circleci/node:9.4.0
+
+    timeout-minutes: 10
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+
+      - name: Cache node modules
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: v1-dependencies-{{ checksum "package.json" }}
+          restore-keys: v1-dependencies-
+
+      - name: Install yarn
+        run: yarn install
+
+      - name: Run tests
+        run: yarn test
+

vpos/checkout/javascript/src/bancard-checkout.js

@@ -7,6 +7,7 @@ const ZIMPLE_IFRAME_URL = `${constants.BANCARD_URL}/checkout/zimple/new`;
 const ALLOWED_STYLES_URL = `${constants.BANCARD_URL}/checkout/allowed_styles`;
 const CONFIRMATION_IFRAME_URL = `${constants.BANCARD_URL}/alias_token/confirmation/new`;
 const PREAUTHORIZATION_IFRAME_URL = `${constants.BANCARD_URL}/checkout/preauthorization/new`;
+const CHARGE3DS_IFRAME_URL = `${constants.BANCARD_URL}/checkout/charge_3ds/new`;
 
 const Settings = {
   handler: 'default',
@@ -233,6 +234,17 @@ class Bancard {
     };
   }
 
+  get Charge3DS() {
+    return {
+      createForm: (divId, processId, options) => {
+        this.divId = divId;
+        internalMethods.createForm({
+          divId, processId, options, url: CHARGE3DS_IFRAME_URL,
+        });
+      },
+    };
+  }
+
   destroy() {
     const iframeContainer = window.document.getElementById(this.divId);
 

vpos/checkout/javascript/src/specs/bancard-checkout.test.js

@@ -171,6 +171,24 @@ describe('Bancard', () => {
           .toBe('https://desa.infonet.com.py:8085/checkout/preauthorization/new?process_id=1234');
       });
     });
+
+    describe('Charge3DS', () => {
+      beforeEach(() => {
+        instance.Preauthorization.createForm('targetDiv', '1234');
+        window.location.replace = jest.fn();
+      });
+
+      afterEach(() => { instance.destroy(); });
+
+      test('It creates the iframe', () => {
+        expect(document.querySelectorAll('iframe').length).toBe(1);
+      });
+
+      test('Iframe points to correct URL', () => {
+        expect(document.querySelectorAll('iframe')[0].getAttribute('src'))
+          .toBe('https://desa.infonet.com.py:8085/checkout/charge_3ds/new?process_id=1234');
+      });
+    });
   });
 
   describe('When the div does not exist', () => {