dimsum-e2e-tests 1.0.0-rc.1

package/ds-grid/tables/DSGrid.tables.visual.spec.js

@@ -0,0 +1,27 @@
+import DSGridCO from '../DSGridCO';
+
+if (!browser.capabilities['ice:options'].isPhone) {
+  describe('PUI-8628 - DSGrid - ReadOnly Table - Visual Test ', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSGridCO.tableReadOnlyURL.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should correctly display the read only table', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSGridCO.snapshotPath('dsgrid-readonly-table'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+
+  describe('PUI-10538 - DSGrid -  Table - Visual Test ', () => {
+    before('loading page', async () => {
+      const errorOnGo = await DSGridCO.tableTest.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should correctly display the read only table', async () => {
+      await browser.eyesOpen();
+      const snapshot = await browser.eyesCheckSnapshot(DSGridCO.snapshotPath('dsgrid-table-test'));
+      await expect(snapshot).toEqual(0);
+    });
+  });
+}

package/ds-header/DSHeaderCO.js

@@ -0,0 +1,16 @@
+import { PATH_HEADER } from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder } from '../helpers';
+
+export default class DSHeaderCO extends PageObject {
+  static colorAndFontURL = new Urlbuilder(PATH_HEADER, 'color-and-font');
+
+  // Snapshot
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Header', example);
+  }
+
+  // selectors
+  static async getHeader() {
+    return $('[data-testid="em-ds-header"]');
+  }
+}

package/ds-hooks/DSHook.UseFontSizeDetector.visual.spec.js

@@ -0,0 +1,57 @@
+/* eslint-disable max-len */
+import DSHookCO from './DSHookCO';
+
+describe('PUI-11532 - UseFontSizeDetector:: Basic ', () => {
+  before(async () => {
+    const errorOnGo = await DSHookCO.useFontSizeDetectorBasic.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('01: should render correctly initial font size values', async () => {
+    const snapshot = await browser.checkSnapshot(DSHookCO.snapshotPath('use-font-size-detector-initial-values'));
+    await expect(snapshot).toEqual(0);
+  });
+  if (
+    !browser.capabilities?.['bstack:options']?.deviceName?.includes('iPhone') &&
+    !browser.capabilities?.['bstack:options']?.deviceName?.includes('iPad')
+  ) {
+    it('02: should increase font size correctly', async () => {
+      await DSHookCO.increaseFontSize(10);
+      const snapshot = await browser.checkSnapshot(DSHookCO.snapshotPath('use-font-size-detector-increase-size'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should decrease font size correctly', async () => {
+      await DSHookCO.decreaseFontSize(15);
+      const snapshot = await browser.checkSnapshot(DSHookCO.snapshotPath('use-font-size-detector-decrease-size'));
+      await expect(snapshot).toEqual(0);
+    });
+  }
+});
+describe('PUI-11533 - UseFontSizeDetector:: CustomRules ', () => {
+  before(async () => {
+    const errorOnGo = await DSHookCO.useFontSizeDetectorCustomRule.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('01: should render correctly initial font size values', async () => {
+    const snapshot = await browser.checkSnapshot(DSHookCO.snapshotPath('use-font-size-detector-custom-initial-values'));
+    await expect(snapshot).toEqual(0);
+  });
+  if (
+    !browser.capabilities?.['bstack:options']?.deviceName?.includes('iPhone') &&
+    !browser.capabilities?.['bstack:options']?.deviceName?.includes('iPad')
+  ) {
+    it('02: should increase font size correctly', async () => {
+      await DSHookCO.increaseFontSize(10);
+      const snapshot = await browser.checkSnapshot(
+        DSHookCO.snapshotPath('use-font-size-detector-custom-increase-size'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should decrease font size correctly', async () => {
+      await DSHookCO.decreaseFontSize(15);
+      const snapshot = await browser.checkSnapshot(
+        DSHookCO.snapshotPath('use-font-size-detector-custom-decrease-size'),
+      );
+      await expect(snapshot).toEqual(0);
+    });
+  }
+});

package/ds-hooks/DSHook.UseFontSizeMedia.visual.spec.js

@@ -0,0 +1,28 @@
+/* eslint-disable max-len */
+import DSHookCO from './DSHookCO';
+
+describe('PUI-11669 - UseFontSizeMedia:: Basic ', () => {
+  before(async () => {
+    const errorOnGo = await DSHookCO.useFontSizeMediaURL.go();
+    if (errorOnGo) throw errorOnGo;
+  });
+  it('01: should render correctly initial font size values (4 columns)', async () => {
+    const snapshot = await browser.checkSnapshot(DSHookCO.snapshotPath('use-font-size-media-initial-values'));
+    await expect(snapshot).toEqual(0);
+  });
+  if (
+    !browser.capabilities?.['bstack:options']?.deviceName?.includes('iPhone') &&
+    !browser.capabilities?.['bstack:options']?.deviceName?.includes('iPad')
+  ) {
+    it('02: should increase font size correctly (1 column)', async () => {
+      await DSHookCO.increaseFontSize(10);
+      const snapshot = await browser.checkSnapshot(DSHookCO.snapshotPath('use-font-size-media-increase-size'));
+      await expect(snapshot).toEqual(0);
+    });
+    it('03: should decrease font size correctly (2 columns)', async () => {
+      await DSHookCO.decreaseFontSize(2);
+      const snapshot = await browser.checkSnapshot(DSHookCO.snapshotPath('use-font-size-media-decrease-size'));
+      await expect(snapshot).toEqual(0);
+    });
+  }
+});

package/ds-hooks/DSHook.func.spec.js

@@ -0,0 +1,86 @@
+/* eslint-disable max-len */
+import { Key } from 'webdriverio';
+import DSHookCO from './DSHookCO';
+
+if (
+  !browser.capabilities['ice:options'].isPhone &&
+  !browser.capabilities['ice:options'].isTablet &&
+  browser.capabilities.browserName !== 'Safari'
+) {
+  describe('PUI-8477, BlurOut Focus hook', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.blurOut.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should click Parent1, Child2 button and blur out', async () => {
+      const button = await DSHookCO.getBtnByIndex(1);
+      await button.click();
+      const outsideText = await DSHookCO.getInfo();
+      await outsideText.click();
+      const blurInfo = await (await DSHookCO.getBtnByIndex(6)).getText(); // this button text returns the last blur information for the assert
+      await expect(blurInfo).toEqual('Parent 1, Child 2');
+    });
+    it('should click other item within the same parent without updating the info text', async () => {
+      const button = await DSHookCO.getBtnByIndex(0);
+      await button.click();
+      const blurInfo = await (await DSHookCO.getBtnByIndex(6)).getText();
+      await expect(blurInfo).toEqual('Parent 1, Child 2');
+    });
+    it('should click other item on a diferent same parent updating the info text', async () => {
+      const button = await DSHookCO.getBtnByIndex(4);
+      await button.click();
+      const blurInfo = await (await DSHookCO.getBtnByIndex(6)).getText();
+      await expect(blurInfo).toEqual('Parent 1, Child 1');
+    });
+  });
+
+  describe('PUI-8478, BlurOut First Focus-In hook', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.firstFocusIn.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should show the first focused and last blurred item', async () => {
+      const button = await DSHookCO.getBtnByIndex(0);
+      await button.click();
+      const button2 = await DSHookCO.getBtnByIndex(1);
+      await button2.click();
+      const focusInfo = await (await DSHookCO.getBtnByIndex(6)).getText(); // these buttons text returns blur information for the assert
+      const blurInfo = await (await DSHookCO.getBtnByIndex(7)).getText();
+      await expect(focusInfo).toEqual('Parent 1, Child 1');
+      await expect(blurInfo).toEqual('Parent 1, Child 1');
+    });
+    it('should change the first focused item when its within a different parent', async () => {
+      const button = await DSHookCO.getBtnByIndex(3);
+      await button.click();
+      const focusInfo = await (await DSHookCO.getBtnByIndex(6)).getText(); // these buttons text returns blur information for the assert
+      const blurInfo = await (await DSHookCO.getBtnByIndex(7)).getText();
+      await expect(focusInfo).toEqual('Parent 2, Child 2');
+      await expect(blurInfo).toEqual('Parent 1, Child 2');
+    });
+  });
+
+  describe('PUI-8479, BlurOut Specific Focus hook', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.specificFocus.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('should click click the first btn and shift+tab to focus the parent (text only reflects focus on the parents)', async () => {
+      const button = await DSHookCO.getBtnByIndex(0);
+      await button.click();
+      await browser.keys([Key.Shift, Key.Tab]);
+      const focusInfo = await (await DSHookCO.getInfo2()).getText();
+      await expect(focusInfo).toEqual('parent-1');
+    });
+    it('should focus a child and not change the focus text', async () => {
+      const button = await DSHookCO.getBtnByIndex(2);
+      await button.click();
+      const focusInfo = await (await DSHookCO.getInfo2()).getText();
+      await expect(focusInfo).toEqual('parent-1');
+    });
+    it('should focus the second parent and change the focus text', async () => {
+      await browser.keys([Key.Shift, Key.Tab]);
+      const focusInfo = await (await DSHookCO.getInfo2()).getText();
+      await expect(focusInfo).toEqual('parent-2');
+    });
+  });
+}

package/ds-hooks/DSHook.useAsDsTree.func.spec.js

@@ -0,0 +1,128 @@
+/* eslint-disable max-len */
+import DSHookCO from './DSHookCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-11098, Tree add/remove items', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.useArraish.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should have restored dstree code by default', async () => {
+      const sourceText3 = await (await DSHookCO.getTestData(3)).getText();
+      await expect(sourceText3).toEqual(`[
+  {
+    "idPart1": 1,
+    "idPart2": "a",
+    "name": "Test Folder X",
+    "children_a": [
+      {
+        "idPart1": 11,
+        "idPart2": "aa",
+        "name": "Test Item 1",
+        "children_aa": []
+      },
+      {
+        "idPart1": 12,
+        "idPart2": "ab",
+        "name": "Test Folder XX",
+        "children_ab": [
+          {
+            "idPart1": 121,
+            "idPart2": "aba",
+            "name": "Test Item 54",
+            "children_aba": []
+          },
+          {
+            "idPart1": 122,
+            "idPart2": "abb",
+            "name": "Test Item 65",
+            "children_abb": []
+          }
+        ]
+      }
+    ]
+  },
+  {
+    "idPart1": 2,
+    "idPart2": "b",
+    "name": "Test Folder Y",
+    "children_b": [
+      {
+        "idPart1": 21,
+        "idPart2": "ba",
+        "name": "Test Item 2",
+        "children_ba": []
+      },
+      {
+        "idPart1": 22,
+        "idPart2": "bb",
+        "name": "Test Item 3",
+        "children_bb": []
+      }
+    ]
+  },
+  {
+    "idPart1": 3,
+    "idPart2": "c",
+    "name": "Item with no children",
+    "children_c": []
+  },
+  {
+    "idPart1": 4,
+    "idPart2": "d",
+    "isGroup": true,
+    "name": "Item with no children but is group",
+    "children_d": []
+  }
+]`);
+    });
+    it('02: should have restored dstree code with two less nodes', async () => {
+      const removeNode = await DSHookCO.getBtnByIndex(1);
+      await removeNode.click();
+      await removeNode.click();
+      const sourceText3 = await (await DSHookCO.getTestData(3)).getText();
+      await expect(sourceText3).toEqual(`[
+  {
+    "idPart1": 3,
+    "idPart2": "c",
+    "name": "Item with no children",
+    "children_c": []
+  },
+  {
+    "idPart1": 4,
+    "idPart2": "d",
+    "isGroup": true,
+    "name": "Item with no children but is group",
+    "children_d": []
+  }
+]`);
+    });
+    it('03: should have restored dstree code with one more node', async () => {
+      const addNode = await DSHookCO.getBtnByIndex(0);
+      await addNode.click();
+      const sourceText3 = await (await DSHookCO.getTestData(3)).getText();
+      await expect(sourceText3).toEqual(`[
+  {
+    "idPart1": 3,
+    "idPart2": "c",
+    "name": "Item with no children",
+    "children_c": []
+  },
+  {
+    "idPart1": 4,
+    "idPart2": "d",
+    "isGroup": true,
+    "name": "Item with no children but is group",
+    "children_d": []
+  },
+  {
+    "idPart1": "id_TEST",
+    "idPart2": "id2_TEST2",
+    "name": "Folder TEST",
+    "isGroup": true,
+    "children_id2_TEST2": []
+  }
+]`);
+    });
+  });
+}

package/ds-hooks/DSHook.usetree.func.spec.js

@@ -0,0 +1,114 @@
+/* eslint-disable max-len */
+import DSHookCO from './DSHookCO';
+
+if (!browser.capabilities['ice:options'].isPhone && !browser.capabilities['ice:options'].isTablet) {
+  describe('PUI-9751, Tree add/remove items', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.useDsTree.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should add items and have 4 items displayed', async () => {
+      const addItemsBtn = await DSHookCO.getAddItemButton();
+      await addItemsBtn.click();
+      await addItemsBtn.click();
+      const items = (await DSHookCO.getItemsByDataParentId('__root')).length;
+      await expect(items).toEqual(4);
+    });
+    it('02: should remove items and have 2 items displayed', async () => {
+      const removeItemBtn1 = await DSHookCO.getRemoveThisBtnByIndex(1);
+      const removeItemBtn2 = await DSHookCO.getRemoveThisBtnByIndex(2);
+      await removeItemBtn1.click();
+      await removeItemBtn2.click();
+      const items = (await DSHookCO.getItemsByDataParentId('__root')).length;
+      await expect(items).toEqual(2);
+    });
+  });
+
+  describe('PUI-9752, Tree add children, drill down', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.useDsTree.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should add child items, drill down and have 2 items displayed', async () => {
+      const addChildrenToFirstItem = await DSHookCO.getAddChildBtnByIndex(0);
+      await addChildrenToFirstItem.click();
+      const drillFirstItemBtn = await DSHookCO.getDrillThisBtnByIndex(0);
+      await drillFirstItemBtn.click();
+      const items = (await DSHookCO.getItemsByDataParentId('1')).length;
+      await expect(items).toEqual(2);
+    });
+    it('02: should add items to the next level, drill down once more and have 3 items displayed', async () => {
+      const addChildrenToFirstItem = await DSHookCO.getAddChildBtnByIndex(1);
+      await addChildrenToFirstItem.click();
+      await addChildrenToFirstItem.click();
+      await addChildrenToFirstItem.click();
+      const drillFirstItemBtn = await DSHookCO.getDrillThisBtnByIndex(1);
+      await drillFirstItemBtn.click();
+      const items = (await DSHookCO.getItemsByDataParentId('6')).length;
+      await expect(items).toEqual(3);
+    });
+  });
+
+  describe('PUI-9473, breadcrumb navigation, move to another branch', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.useDsTree.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should create context for breadcrumb navigation and drill down one level', async () => {
+      const addChildrenToFirstItem = await DSHookCO.getAddChildBtnByIndex(0);
+      await addChildrenToFirstItem.click();
+      await addChildrenToFirstItem.click();
+      const addChildrenToSecondItem = await DSHookCO.getAddChildBtnByIndex(1);
+      await addChildrenToSecondItem.click();
+      await addChildrenToSecondItem.click();
+      const drillFirstItemBtn = await DSHookCO.getDrillThisBtnByIndex(0);
+      await drillFirstItemBtn.click();
+      const items = (await DSHookCO.getItemsByDataParentId('1')).length;
+      const breadCrumbText = await (await DSHookCO.getBreadCrumbItemByIndex(1)).getText();
+      await expect(breadCrumbText).toEqual('child 1');
+      await expect(items).toEqual(3);
+    });
+    it('02: should create context for breadcrumb navigation 2 and drill down a second level', async () => {
+      const addChildrenToFirstChild = await DSHookCO.getAddChildBtnByIndex(0);
+      await addChildrenToFirstChild.click();
+      const drillFirstChildItemBtn = await DSHookCO.getDrillThisBtnByIndex(0);
+      await drillFirstChildItemBtn.click();
+      const items = (await DSHookCO.getItemsByDataParentId('2')).length;
+      const breadcrumLevels = (await DSHookCO.getBreadCrumbItems()).length;
+      await expect(items).toEqual(1);
+      await expect(breadcrumLevels).toEqual(3);
+    });
+    it('03: should move back to first level using breadcrumb', async () => {
+      const breadcrumbItem = await DSHookCO.getBreadCrumbItemByIndex(1);
+      await breadcrumbItem.click();
+      const items = (await DSHookCO.getItemsByDataParentId('1')).length;
+      await expect(items).toEqual(3);
+    });
+    it('04: should move back to root level using breadcrumb', async () => {
+      const breadcrumbItem = await DSHookCO.getBreadCrumbItemByIndex(0);
+      await breadcrumbItem.click();
+      const items = (await DSHookCO.getItemsByDataParentId('__root')).length;
+      await expect(items).toEqual(2);
+    });
+    it('05: should navigate to the second branch and it should have the items created at the beggining', async () => {
+      const drillFirstChildItemBtn = await DSHookCO.getDrillThisBtnByIndex(1);
+      await drillFirstChildItemBtn.click();
+      const items = (await DSHookCO.getItemsByDataParentId('3')).length;
+      await expect(items).toEqual(4);
+    });
+  });
+
+  describe('PUI-9754, disabled controller scenario', () => {
+    before(async () => {
+      const errorOnGo = await DSHookCO.useDsTree.go();
+      if (errorOnGo) throw errorOnGo;
+    });
+    it('01: should drill down and display a disabled drill down controller (since this item doesnt have any children)', async () => {
+      const drillFirstItemBtn = await DSHookCO.getDrillThisBtnByIndex(0);
+      await drillFirstItemBtn.click();
+      const drillFirstChildBtn = await DSHookCO.getDrillThisBtnByIndex(0);
+      const isDisabled = await drillFirstChildBtn.getAttribute('aria-disabled');
+      await expect(isDisabled).toBe('true');
+    });
+  });
+}

package/ds-hooks/DSHookCO.js

@@ -0,0 +1,196 @@
+/* eslint-disable import/no-relative-packages */
+import {
+  PATH_HOOKS,
+  PATH_E2E_HOOKS,
+  PATH_E2E_USE_FONT_SIZE_DETECTOR,
+  PATH_E2E_USE_FONT_SIZE_MEDIA,
+} from '../../environments/storybook/paths';
+import { PageObject, Urlbuilder, getElementByIndex } from '../helpers';
+
+export default class DSHookCO extends PageObject {
+  // Desktop
+  static blurOut = new Urlbuilder(PATH_HOOKS, 'use-on-blur-out');
+
+  static firstFocusIn = new Urlbuilder(PATH_HOOKS, 'use-on-first-focus-in');
+
+  static specificFocus = new Urlbuilder(PATH_HOOKS, 'use-on-specific-focus');
+
+  static useDsTree = new Urlbuilder(PATH_E2E_HOOKS, 'use-ds-tree-test');
+
+  static useArraish = new Urlbuilder(PATH_E2E_HOOKS, 'use-arraish-as-ds-tree-test');
+
+  static useFontSizeDetectorBasic = new Urlbuilder(PATH_E2E_USE_FONT_SIZE_DETECTOR, 'basic-test');
+
+  static useFontSizeDetectorCustomRule = new Urlbuilder(PATH_E2E_USE_FONT_SIZE_DETECTOR, 'custom-rule-test');
+
+  static useFontSizeMediaURL = new Urlbuilder(PATH_E2E_USE_FONT_SIZE_MEDIA, 'basic-test');
+
+  static async getBtns() {
+    return $$('[data-testid="ds-button"]');
+  }
+
+  static getBtnByIndex = async (index) => getElementByIndex(this.getBtns, index);
+
+  static async getH3s() {
+    return $$('div h3');
+  }
+
+  // mostly used
+  static getInfo = async () => getElementByIndex(this.getH3s, 3);
+
+  // used for first focus in story
+  static getInfo2 = async () => getElementByIndex(this.getH3s, 4);
+
+  // Snapshots
+  static snapshotPath(example = 'basic') {
+    return PageObject.getSnapshotPathBuilder('Hook', example);
+  }
+
+  // selectors 4 use ds-tree
+
+  static async getAddItemButton() {
+    return $('[data-testid="add-item-button"]');
+  }
+
+  static async getRemoveThisButtons() {
+    return $$('[data-testid="remove-this-button"]');
+  }
+
+  static getRemoveThisBtnByIndex = async (index) => getElementByIndex(this.getRemoveThisButtons, index);
+
+  static async getDrillThisButtons() {
+    return $$('[data-testid="drill-this-button"]');
+  }
+
+  static getDrillThisBtnByIndex = async (index) => getElementByIndex(this.getDrillThisButtons, index);
+
+  static async getAddChildButtons() {
+    return $$('[data-testid="add-child-button"]');
+  }
+
+  static getAddChildBtnByIndex = async (index) => getElementByIndex(this.getAddChildButtons, index);
+
+  static async getBreadCrumbItems() {
+    return $$('[data-testid="ds-typography-element"]');
+  }
+
+  static getBreadCrumbItemByIndex = async (index) => getElementByIndex(this.getBreadCrumbItems, index);
+
+  static async getItemsByDataParentId(dataparentid = '__root') {
+    return $$(`[data-parentid="${dataparentid}"]`);
+  }
+
+  static getItemByDataParentIdAndIndex = async (dataparentid, index) =>
+    getElementByIndex(this.getItemsByDataParentIdAndIndex(dataparentid), index);
+
+  static async getDrillThisButtonByItem(item) {
+    return $(`${item} [data-testid="drill-this-button"]`);
+  }
+
+  static async getAddChildButtonByItem(item) {
+    return $(`${item} [data-testid="add-child-button"]`);
+  }
+
+  static async getRemoveThisButtonByItem(item) {
+    return $(`${item} [data-testid="remove-this-button"]`);
+  }
+
+  static async getSourceTest(index = 0) {
+    return $$(`[class="prism-code language-jsx"]`)[index];
+  }
+
+  static async getTestData(index = 0) {
+    return $$(`[data-testid="testdata"]`)[index];
+  }
+  // actions
+
+  static async increaseFontSize(nTimes = 1) {
+    for (let i = 0; i <= nTimes; i += 1) {
+      browser.performActions([
+        {
+          type: 'key',
+          id: 'keyboard',
+          parameters: { pointerType: 'mouse' },
+          actions: [
+            {
+              type: 'keyDown',
+              value: '\uE009',
+              pause: 500,
+            },
+            {
+              type: 'keyDown',
+              value: '\uE008',
+              pause: 500,
+            },
+            {
+              type: 'keyDown',
+              value: 'J',
+              pause: 500,
+            },
+            {
+              type: 'keyUp',
+              value: '\uE009',
+              pause: 500,
+            },
+            {
+              type: 'keyUp',
+              value: '\uE008',
+              pause: 500,
+            },
+            {
+              type: 'keyUp',
+              value: 'J',
+              pause: 500,
+            },
+          ],
+        },
+      ]);
+    }
+  }
+
+  static async decreaseFontSize(nTimes = 1) {
+    for (let i = 0; i <= nTimes; i += 1) {
+      browser.performActions([
+        {
+          type: 'key',
+          id: 'keyboard',
+          parameters: { pointerType: 'mouse' },
+          actions: [
+            {
+              type: 'keyDown',
+              value: '\uE009',
+              pause: 500,
+            },
+            {
+              type: 'keyDown',
+              value: '\uE008',
+              pause: 500,
+            },
+            {
+              type: 'keyDown',
+              value: 'U',
+              pause: 500,
+            },
+            {
+              type: 'keyUp',
+              value: '\uE009',
+              pause: 500,
+            },
+            {
+              type: 'keyUp',
+              value: '\uE008',
+              pause: 500,
+            },
+            {
+              type: 'keyUp',
+              value: 'U',
+              pause: 500,
+            },
+          ],
+        },
+      ]);
+    }
+  }
+
+  // utils
+}