chore(#6669): Search by barcode e2e test

tests/e2e/default-mobile/contacts/barcode-search-contacts.wdio-spec.js

@@ -0,0 +1,50 @@
+const searchPage = require('@page-objects/default-mobile/search/search.wdio.page.js');
+const loginPage = require('@page-objects/default/login/login.wdio.page');
+const utils = require('@utils');
+const contactPage = require('@page-objects/default/contacts/contacts.wdio.page');
+const commonPage = require('@page-objects/default/common/common.wdio.page');
+const placeFactory = require('@factories/cht/contacts/place');
+const personFactory = require('@factories/cht/contacts/person');
+const userFactory = require('@factories/cht/users/users');
+const path = require('path');
+
+const places = placeFactory.generateHierarchy();
+const healthCenter = places.get('health_center');
+const offlineUser = userFactory.build({ place: healthCenter._id, roles: ['chw'] });
+const person = personFactory.build({
+  patient_id: '123456',
+  parent: { _id: healthCenter._id, parent: healthCenter.parent }
+});
+const barcodeImagePath = path.join(__dirname, '/images/valid-barcode.gif');
+const invalidBarcodeImagePath = path.join(__dirname, '/images/invalid-barcode.jpg');
+
+describe('Test Contact Search with Barcode Scanner', async () => {
+  before(async () => {
+    await utils.saveDocs([...places.values(), person]);
+    await utils.createUsers([offlineUser]);
+    const canUseBarcodeScannerPermission = ['can_use_barcode_scanner'];
+    await utils.updatePermissions(offlineUser.roles, canUseBarcodeScannerPermission, [], false);
+    await loginPage.login(offlineUser);
+    await commonPage.waitForPageLoaded();
+    await commonPage.goToPeople();
+  });
+
+  it('Search should display correct results, clear search should display all contacts', async () => {
+    await searchPage.performBarcodeSearch(barcodeImagePath);
+    expect(await contactPage.getAllLHSContactsNames()).to.have.members([
+      person.name
+    ]);
+
+    await searchPage.searchPageDefault.clearSearch();
+    expect(await contactPage.getAllLHSContactsNames()).to.have.members([
+      healthCenter.name,
+      places.get('clinic').name
+    ]);
+  });
+
+  it('With an invalid barcode image - Search should display snackbar with error message', async () => {
+    await searchPage.performBarcodeSearch(invalidBarcodeImagePath);
+    expect(await commonPage.snackbarMessage()).to.equal('Failed to read the barcode. Retry.');
+  });
+
+});

tests/e2e/default-mobile/wdio.conf.js

@@ -2,6 +2,8 @@ const wdioBaseConfig = require('../wdio.conf');
 
 const chai = require('chai');
 chai.use(require('chai-exclude'));
+const ANDROID_VERSION = '13';
+const MOBILE_CHROME_VERSION = '118.0.5993.112';
 
 // Override specific properties from wdio base config
 exports.config = Object.assign(wdioBaseConfig.config, {
@@ -13,10 +15,22 @@ exports.config = Object.assign(wdioBaseConfig.config, {
         '../default/navigation/navigation.wdio-spec.js',
         '../default/navigation/hamburger-menu.wdio-spec.js',
       ],
-    ]},
+    ]
+  },
   beforeSuite: async () => {
     // We tried the browser.emulateDevice('...') function but it's not stable enough,
-    // it looses the mobile view and switches back to desktop
-    await browser.setWindowSize(450, 700);
-  },
+    // it looses the mobile view and switches back to desktop.
+    // Adding to the comment above, it loses the mobile view when a test fails.
+    // It may be better to use beforeHook instead of beforeSuite so it can set the capability before each test.
+    await browser.emulateDevice({
+      viewport: {
+        width: 600,
+        height: 960,
+        isMobile: true,
+        hasTouch: true,
+      },
+      userAgent: `Mozilla/5.0 (Linux; Android ${ANDROID_VERSION}; IN2010) AppleWebKit/537.36 (KHTML, like Gecko) ` +
+        `Chrome/${MOBILE_CHROME_VERSION} Mobile Safari/537.36`
+    });
+  }
 });

tests/page-objects/default-mobile/search/search.wdio.page.js

@@ -1,14 +1,27 @@
 const searchPageDefault = require('@page-objects/default/search/search.wdio.page');
 
 const openSearchBox = () => $('.mm-search-bar-container .search-bar-left-icon .fa-search');
+const barcodeSearchInput = () => $('.barcode-scanner-input');
 
 const performSearch = async (term) => {
   await (await openSearchBox()).waitForClickable();
   await (await openSearchBox()).click();
   await searchPageDefault.performSearch(term);
 };
 
+const performBarcodeSearch = async (barcodeImagePath) => {
+  /*In this case the upload file button is hidden,
+  then we need to manipulate the DOM of the respective webelement to make it interactable.*/
+  browser.execute(function () {
+    document.getElementsByClassName('barcode-scanner-input')[0].style.display = 'block';
+  });
+  await (await barcodeSearchInput()).setValue(barcodeImagePath);
+  await browser.pause(1000);
+};
+
+
 module.exports = {
   searchPageDefault,
   performSearch,
+  performBarcodeSearch,
 };