@mtes-mct/monitor-ui 10.6.0 → 10.8.0

package/cypress/index.js

@@ -7,10 +7,8 @@ function findElementBytext(selector, text, { fallbackSelector, index = 0, inElem
         let foundElement;
         let foundElementIndex = 0;
         // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-        Cypress.$(inElement)
-            .find(selector)
-            // eslint-disable-next-line func-names
-            .each(function () {
+        Cypress.$(inElement).find(selector)// eslint-disable-next-line func-names
+        .each(function() {
             if (!foundElement && Cypress.$(this).text().trim() === trimmedText) {
                 if (foundElementIndex < index) {
                     foundElementIndex += 1;
@@ -29,7 +27,7 @@ function findElementBytext(selector, text, { fallbackSelector, index = 0, inElem
     let foundElement;
     let foundElementIndex = 0;
     // eslint-disable-next-line func-names, @typescript-eslint/no-unused-expressions
-    Cypress.$(selector).each(function () {
+    Cypress.$(selector).each(function() {
         if (!foundElement && Cypress.$(this).text().trim() === trimmedText) {
             if (foundElementIndex < index) {
                 foundElementIndex += 1;
@@ -56,15 +54,11 @@ function findButton(label, preSelector, { index, prevSubjectElement }) {
     if (buttonElement) {
         return buttonElement;
     }
-    const buttonElementByAriaLabel = prevSubjectElement
-        ? prevSubjectElement.querySelectorAll(`${preSelector}button[aria-label="${label}"]`)[index]
-        : Cypress.$(`${preSelector}button[aria-label="${label}"]`).get(index);
+    const buttonElementByAriaLabel = prevSubjectElement ? prevSubjectElement.querySelectorAll(`${preSelector}button[aria-label="${label}"]`)[index] : Cypress.$(`${preSelector}button[aria-label="${label}"]`).get(index);
     if (buttonElementByAriaLabel) {
         return buttonElementByAriaLabel;
     }
-    const buttonElementByTitle = prevSubjectElement
-        ? prevSubjectElement.querySelectorAll(`${preSelector}button[title="${label}"]`)[index]
-        : Cypress.$(`${preSelector}button[title="${label}"]`).get(index);
+    const buttonElementByTitle = prevSubjectElement ? prevSubjectElement.querySelectorAll(`${preSelector}button[title="${label}"]`)[index] : Cypress.$(`${preSelector}button[title="${label}"]`).get(index);
     if (buttonElementByTitle) {
         return buttonElementByTitle;
     }
@@ -91,9 +85,12 @@ function clickButton(prevSubjectElements, label, { index = 0, withinSelector } =
         return cy.wrap(maybeButton).scrollIntoView().forceClick().wait(250);
     }
     if (leftRetries > 0) {
-        return cy.wait(250).then(() => {
+        return cy.wait(250).then(()=>{
             cy.log(`Retrying (${RETRIES$2 - leftRetries + 1} / ${RETRIES$2})...`);
-            return clickButton(prevSubjectElements, label, { index, withinSelector }, leftRetries - 1);
+            return clickButton(prevSubjectElements, label, {
+                index,
+                withinSelector
+            }, leftRetries - 1);
         });
     }
     throw new Error(`Unable to find button with label "${label}".`);
@@ -106,10 +103,11 @@ function clickLink(linkText) {
 /**
  * @description
  * Useful to close modals.
- */
-function clickOutside(xPosition = 0, yPosition = 0) {
+ */ function clickOutside(xPosition = 0, yPosition = 0) {
     cy.log(`Click outside at position: ${xPosition}, ${yPosition}`);
-    cy.get('body').click(xPosition, yPosition, { force: true });
+    cy.get('body').click(xPosition, yPosition, {
+        force: true
+    });
 }
 
 function _isPlaceholder(a) {
@@ -641,42 +639,44 @@ _curry1(function isEmpty(x) {
   return x != null && equals(x, empty(x));
 });
 
-var isEmpty$1 = isEmpty;
-
 function checkCheckbox(checkboxInputElement, value) {
     if (value) {
-        cy.wrap(checkboxInputElement).scrollIntoView().check({ force: true });
-    }
-    else {
-        cy.wrap(checkboxInputElement).scrollIntoView().uncheck({ force: true });
+        cy.wrap(checkboxInputElement).scrollIntoView().check({
+            force: true
+        });
+    } else {
+        cy.wrap(checkboxInputElement).scrollIntoView().uncheck({
+            force: true
+        });
     }
 }
 
 const RETRIES$1 = 5;
 function checkMultiCheckboxOptions(fieldsetElement, values, leftRetries = RETRIES$1) {
     cy.wrap(fieldsetElement).scrollIntoView();
-    cy.wrap(fieldsetElement).find('input[type="checkbox"]').uncheck({ force: true }).wait(250);
+    cy.wrap(fieldsetElement).find('input[type="checkbox"]').uncheck({
+        force: true
+    }).wait(250);
     if (fieldsetElement.querySelector('[aria-checked="true"]') && leftRetries > 0) {
-        cy.wait(250).then(() => {
+        cy.wait(250).then(()=>{
             cy.log(`Retrying (${RETRIES$1 - leftRetries + 1} / ${RETRIES$1})...`);
             checkMultiCheckboxOptions(fieldsetElement, values, leftRetries - 1);
         });
         return;
     }
     if (values) {
-        values.forEach(value => {
-            cy.wrap(fieldsetElement).find('label').contains(value).find('input[type="checkbox"]').check({ force: true });
+        values.forEach((value)=>{
+            cy.wrap(fieldsetElement).find('label').contains(value).find('input[type="checkbox"]').check({
+                force: true
+            });
         });
     }
 }
 
 function checkMultiRadioOption(fieldsetElement, value) {
-    cy.wrap(fieldsetElement)
-        .find('label')
-        .contains(value)
-        .find('input[type="radio"]')
-        .scrollIntoView()
-        .check({ force: true });
+    cy.wrap(fieldsetElement).find('label').contains(value).find('input[type="radio"]').scrollIntoView().check({
+        force: true
+    });
     return fieldsetElement;
 }
 
@@ -686,29 +686,35 @@ function fillDatePicker(fieldsetElement, dateOrDateWithTimeTuple) {
         throw new Error(`Expected to find 4 or 6 inputs within in DatePicker but found ${inputElements.length}.`);
     }
     const hasTimeInput = inputElements.length !== 4;
-    const fieldsetElementOffsetLeft = fieldsetElement.offsetLeft
-        ? fieldsetElement.offsetLeft
-        : (() => {
-            if (!fieldsetElement.offsetParent) {
-                throw new Error('`fieldsetElement.offsetParent` is undefined.');
-            }
-            return fieldsetElement.offsetParent.offsetLeft;
-        })();
-    const fieldsetElementOffsetTop = fieldsetElement.offsetTop !== 0
-        ? fieldsetElement.offsetTop
-        : (() => {
-            if (!fieldsetElement.offsetParent) {
-                throw new Error('`fieldsetElement.offsetParent` is undefined.');
-            }
-            return fieldsetElement.offsetParent.offsetTop;
-        })();
+    const fieldsetElementOffsetLeft = fieldsetElement.offsetLeft ? fieldsetElement.offsetLeft : (()=>{
+        if (!fieldsetElement.offsetParent) {
+            throw new Error('`fieldsetElement.offsetParent` is undefined.');
+        }
+        return fieldsetElement.offsetParent.offsetLeft;
+    })();
+    const fieldsetElementOffsetTop = fieldsetElement.offsetTop !== 0 ? fieldsetElement.offsetTop : (()=>{
+        if (!fieldsetElement.offsetParent) {
+            throw new Error('`fieldsetElement.offsetParent` is undefined.');
+        }
+        return fieldsetElement.offsetParent.offsetTop;
+    })();
     if (!dateOrDateWithTimeTuple) {
-        cy.wrap(fieldsetElement).find('[aria-label="Jour"]').clear({ force: true });
-        cy.wrap(fieldsetElement).find('[aria-label="Mois"]').clear({ force: true });
-        cy.wrap(fieldsetElement).find('[aria-label="Année"]').clear({ force: true });
+        cy.wrap(fieldsetElement).find('[aria-label="Jour"]').clear({
+            force: true
+        });
+        cy.wrap(fieldsetElement).find('[aria-label="Mois"]').clear({
+            force: true
+        });
+        cy.wrap(fieldsetElement).find('[aria-label="Année"]').clear({
+            force: true
+        });
         if (hasTimeInput) {
-            cy.wrap(fieldsetElement).find('[aria-label="Heure"]').clear({ force: true });
-            cy.wrap(fieldsetElement).find('[aria-label="Minute"]').clear({ force: true });
+            cy.wrap(fieldsetElement).find('[aria-label="Heure"]').clear({
+                force: true
+            });
+            cy.wrap(fieldsetElement).find('[aria-label="Minute"]').clear({
+                force: true
+            });
         }
         cy.clickOutside(fieldsetElementOffsetLeft, fieldsetElementOffsetTop - 1);
         cy.wait(250);
@@ -732,36 +738,52 @@ function fillDateRangePicker(fieldsetElement, dateOrDateWithTimeTupleRange) {
         throw new Error(`Expected to find 7 or 11 inputs within in DatePicker but found ${inputElements.length}.`);
     }
     const hasTimeInput = inputElements.length !== 7;
-    const fieldsetElementOffsetLeft = fieldsetElement.offsetLeft
-        ? fieldsetElement.offsetLeft
-        : (() => {
-            if (!fieldsetElement.offsetParent) {
-                throw new Error('`fieldsetElement.offsetParent` is undefined.');
-            }
-            return fieldsetElement.offsetParent.offsetLeft;
-        })();
-    const fieldsetElementOffsetTop = fieldsetElement.offsetTop !== 0
-        ? fieldsetElement.offsetTop
-        : (() => {
-            if (!fieldsetElement.offsetParent) {
-                throw new Error('`fieldsetElement.offsetParent` is undefined.');
-            }
-            return fieldsetElement.offsetParent.offsetTop;
-        })();
+    const fieldsetElementOffsetLeft = fieldsetElement.offsetLeft ? fieldsetElement.offsetLeft : (()=>{
+        if (!fieldsetElement.offsetParent) {
+            throw new Error('`fieldsetElement.offsetParent` is undefined.');
+        }
+        return fieldsetElement.offsetParent.offsetLeft;
+    })();
+    const fieldsetElementOffsetTop = fieldsetElement.offsetTop !== 0 ? fieldsetElement.offsetTop : (()=>{
+        if (!fieldsetElement.offsetParent) {
+            throw new Error('`fieldsetElement.offsetParent` is undefined.');
+        }
+        return fieldsetElement.offsetParent.offsetTop;
+    })();
     if (!dateOrDateWithTimeTupleRange) {
-        cy.wrap(fieldsetElement).find('[aria-label="Jour de début"]').clear({ force: true });
-        cy.wrap(fieldsetElement).find('[aria-label="Mois de début"]').clear({ force: true });
-        cy.wrap(fieldsetElement).find('[aria-label="Année de début"]').clear({ force: true });
+        cy.wrap(fieldsetElement).find('[aria-label="Jour de début"]').clear({
+            force: true
+        });
+        cy.wrap(fieldsetElement).find('[aria-label="Mois de début"]').clear({
+            force: true
+        });
+        cy.wrap(fieldsetElement).find('[aria-label="Année de début"]').clear({
+            force: true
+        });
         if (hasTimeInput) {
-            cy.wrap(fieldsetElement).find('[aria-label="Heure de début"]').clear({ force: true });
-            cy.wrap(fieldsetElement).find('[aria-label="Minute de début"]').clear({ force: true });
+            cy.wrap(fieldsetElement).find('[aria-label="Heure de début"]').clear({
+                force: true
+            });
+            cy.wrap(fieldsetElement).find('[aria-label="Minute de début"]').clear({
+                force: true
+            });
         }
-        cy.wrap(fieldsetElement).find('[aria-label="Jour de fin"]').clear({ force: true });
-        cy.wrap(fieldsetElement).find('[aria-label="Mois de fin"]').clear({ force: true });
-        cy.wrap(fieldsetElement).find('[aria-label="Année de fin"]').clear({ force: true });
+        cy.wrap(fieldsetElement).find('[aria-label="Jour de fin"]').clear({
+            force: true
+        });
+        cy.wrap(fieldsetElement).find('[aria-label="Mois de fin"]').clear({
+            force: true
+        });
+        cy.wrap(fieldsetElement).find('[aria-label="Année de fin"]').clear({
+            force: true
+        });
         if (hasTimeInput) {
-            cy.wrap(fieldsetElement).find('[aria-label="Heure de fin"]').clear({ force: true });
-            cy.wrap(fieldsetElement).find('[aria-label="Minute de fin"]').clear({ force: true });
+            cy.wrap(fieldsetElement).find('[aria-label="Heure de fin"]').clear({
+                force: true
+            });
+            cy.wrap(fieldsetElement).find('[aria-label="Minute de fin"]').clear({
+                force: true
+            });
         }
         cy.clickOutside(fieldsetElementOffsetLeft, fieldsetElementOffsetTop - 1);
         cy.wait(250);
@@ -789,40 +811,45 @@ function fillDateRangePicker(fieldsetElement, dateOrDateWithTimeTupleRange) {
 }
 
 function fillTextarea(textareaElement, value) {
-    cy.wrap(textareaElement).scrollIntoView().clear({ force: true });
+    cy.wrap(textareaElement).scrollIntoView().clear({
+        force: true
+    });
     if (value) {
-        cy.wrap(textareaElement).scrollIntoView().type(value, { delay: 1, force: true });
+        cy.wrap(textareaElement).scrollIntoView().type(value, {
+            delay: 1,
+            force: true
+        });
     }
 }
 
 function fillTextInput(textInputElement, value) {
-    cy.wrap(textInputElement).scrollIntoView().clear({ force: true });
+    cy.wrap(textInputElement).scrollIntoView().clear({
+        force: true
+    });
     if (value) {
-        cy.wrap(textInputElement).scrollIntoView().type(value, { force: true });
+        cy.wrap(textInputElement).scrollIntoView().type(value, {
+            force: true
+        });
     }
 }
 
 function pickMultiSelectOptions(cypressMultiSelectInputElement, values) {
-    cypressMultiSelectInputElement.parents('.Field-MultiSelect').then(([fieldElement]) => {
+    cypressMultiSelectInputElement.parents('.Field-MultiSelect').then(([fieldElement])=>{
         if (!fieldElement) {
             throw new Error('`fieldElement` is undefined.');
         }
-        const fieldElementOffsetLeft = fieldElement.offsetLeft
-            ? fieldElement.offsetLeft
-            : (() => {
-                if (!fieldElement.offsetParent) {
-                    throw new Error('`fieldElement.offsetParent` is undefined.');
-                }
-                return fieldElement.offsetParent.offsetLeft;
-            })();
-        const fieldElementOffsetTop = fieldElement.offsetTop !== 0
-            ? fieldElement.offsetTop
-            : (() => {
-                if (!fieldElement.offsetParent) {
-                    throw new Error('`fieldElement.offsetParent` is undefined.');
-                }
-                return fieldElement.offsetParent.offsetTop;
-            })();
+        const fieldElementOffsetLeft = fieldElement.offsetLeft ? fieldElement.offsetLeft : (()=>{
+            if (!fieldElement.offsetParent) {
+                throw new Error('`fieldElement.offsetParent` is undefined.');
+            }
+            return fieldElement.offsetParent.offsetLeft;
+        })();
+        const fieldElementOffsetTop = fieldElement.offsetTop !== 0 ? fieldElement.offsetTop : (()=>{
+            if (!fieldElement.offsetParent) {
+                throw new Error('`fieldElement.offsetParent` is undefined.');
+            }
+            return fieldElement.offsetParent.offsetTop;
+        })();
         cy.wrap(fieldElement).scrollIntoView();
         const maybeCleanButton = fieldElement.querySelector('.rs-picker-toggle-clean');
         if (maybeCleanButton) {
@@ -832,12 +859,12 @@ function pickMultiSelectOptions(cypressMultiSelectInputElement, values) {
             return;
         }
         cy.wrap(fieldElement).find('.rs-picker-toggle').forceClick();
-        cy.get('.rs-picker-check-menu').then(([multiSelectMenuElement]) => {
+        cy.get('.rs-picker-check-menu').then(([multiSelectMenuElement])=>{
             if (!multiSelectMenuElement) {
                 throw new Error('`multiSelectMenuElement` is undefined.');
             }
             const maybeSearchInput = multiSelectMenuElement.querySelector('.rs-picker-search-bar-input');
-            values.forEach(value => {
+            values.forEach((value)=>{
                 if (maybeSearchInput) {
                     cy.get('.rs-picker-check-menu').find('.rs-picker-search-bar-input').type(value);
                 }
@@ -851,10 +878,7 @@ function pickMultiSelectOptions(cypressMultiSelectInputElement, values) {
 }
 
 function pickSelectOption(cypressSelectInputElement, value) {
-    cypressSelectInputElement
-        .parents('.Field-Select')
-        .scrollIntoView()
-        .then(([fieldElement]) => {
+    cypressSelectInputElement.parents('.Field-Select').scrollIntoView().then(([fieldElement])=>{
         if (!fieldElement) {
             throw new Error('`fieldElement` is undefined.');
         }
@@ -867,7 +891,7 @@ function pickSelectOption(cypressSelectInputElement, value) {
             return;
         }
         cy.wrap(fieldElement).find('.rs-picker-toggle').forceClick();
-        cy.get('.rs-picker-select-menu').then(([selectMenuElement]) => {
+        cy.get('.rs-picker-select-menu').then(([selectMenuElement])=>{
             if (!selectMenuElement) {
                 throw new Error('`selectMenuElement` is undefined.');
             }
@@ -875,11 +899,9 @@ function pickSelectOption(cypressSelectInputElement, value) {
             if (maybeSearchInput) {
                 cy.wrap(selectMenuElement).find('.rs-picker-search-bar-input').type(value);
             }
-            cy.wrap(selectMenuElement)
-                .get('.rs-picker-select-menu-item')
-                .contains(value)
-                .scrollIntoView()
-                .click({ force: true });
+            cy.wrap(selectMenuElement).get('.rs-picker-select-menu-item').contains(value).scrollIntoView().click({
+                force: true
+            });
         });
     });
 }
@@ -892,10 +914,8 @@ function findElementBySelector(selector, { fallbackSelector, index = 0, inElemen
         let foundElement;
         let foundElementIndex = 0;
         // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-        Cypress.$(inElement)
-            .find(selector)
-            // eslint-disable-next-line func-names
-            .each(function () {
+        Cypress.$(inElement).find(selector)// eslint-disable-next-line func-names
+        .each(function() {
             if (!foundElement) {
                 if (foundElementIndex < index) {
                     foundElementIndex += 1;
@@ -914,7 +934,7 @@ function findElementBySelector(selector, { fallbackSelector, index = 0, inElemen
     let foundElement;
     let foundElementIndex = 0;
     // eslint-disable-next-line func-names, @typescript-eslint/no-unused-expressions
-    Cypress.$(selector).each(function () {
+    Cypress.$(selector).each(function() {
         if (!foundElement) {
             if (foundElementIndex < index) {
                 foundElementIndex += 1;
@@ -933,12 +953,11 @@ function findElementBySelector(selector, { fallbackSelector, index = 0, inElemen
 }
 
 function waitFor(inMs) {
-    return new Promise(resolve => {
+    return new Promise((resolve)=>{
         setTimeout(resolve, inMs);
     });
 }
 
-/* eslint-disable cypress/no-assigning-return-values */
 const RETRIES = 5;
 function fill(label, value, leftRetries = RETRIES) {
     try {
@@ -948,23 +967,19 @@ function fill(label, value, leftRetries = RETRIES) {
         if (labelElement) {
             // -------------------------------------------------------------------------
             // If the label has a `for` attribute
-            if (!isEmpty$1(labelElement.htmlFor)) {
+            if (!isEmpty(labelElement.htmlFor)) {
                 const htmlforElement = findElementBySelector(`[id="${labelElement.htmlFor}"]`);
                 if (!htmlforElement) {
                     throw new Error(`Could not find the element with [id="${labelElement.htmlFor}"] targetted by label "${label}" (via its \`for\` attribute).`);
                 }
                 const cypressHtmlforElement = cy.get(`[id="${labelElement.htmlFor}"]`);
-                cypressHtmlforElement.then((() => {
+                cypressHtmlforElement.then(()=>{
                     if (htmlforElement.classList.contains('rs-picker-toggle-textbox')) {
-                        const rsuitePickerElement = htmlforElement.parentElement &&
-                            htmlforElement.parentElement.parentElement &&
-                            htmlforElement.parentElement.parentElement.parentElement
-                            ? htmlforElement.parentElement.parentElement.parentElement.parentElement
-                            : undefined;
+                        const rsuitePickerElement = htmlforElement.parentElement && htmlforElement.parentElement.parentElement && htmlforElement.parentElement.parentElement.parentElement ? htmlforElement.parentElement.parentElement.parentElement.parentElement : undefined;
                         if (!rsuitePickerElement) {
                             throw new Error('This should never happen.');
                         }
-                        switch (true) {
+                        switch(true){
                             // Select
                             case rsuitePickerElement.classList.contains('rs-picker-select'):
                                 pickSelectOption(cypressHtmlforElement, value !== undefined ? String(value) : value);
@@ -978,7 +993,7 @@ function fill(label, value, leftRetries = RETRIES) {
                         }
                         return;
                     }
-                    switch (htmlforElement.tagName) {
+                    switch(htmlforElement.tagName){
                         // Text/Number Input
                         case 'INPUT':
                             fillTextInput(htmlforElement, value !== undefined ? String(value) : value);
@@ -990,7 +1005,7 @@ function fill(label, value, leftRetries = RETRIES) {
                         default:
                             throw new Error(`\`cy.fill()\` doesn't handle "${htmlforElement.tagName}" elements.`);
                     }
-                }));
+                });
                 return;
             }
             // -------------------------------------------------------------------------
@@ -1020,27 +1035,21 @@ function fill(label, value, leftRetries = RETRIES) {
         const legendElement = findElementBytext('legend', label);
         if (legendElement) {
             const cypressLegendElement = cy.get('legend').contains(label);
-            cypressLegendElement.then(async () => {
+            cypressLegendElement.then(async ()=>{
                 await waitFor(500);
                 const fieldsetElement = legendElement.parentElement;
                 if (!fieldsetElement || fieldsetElement.tagName !== 'FIELDSET') {
                     throw new Error(`Could not find parent fieldset of legend element with text "${label}".`);
                 }
                 if (fieldsetElement.classList.contains('Field-DatePicker')) {
-                    if ((!Array.isArray(value) || (value.length !== 3 && value.length !== 5) || typeof value[0] !== 'number') &&
-                        value !== undefined) {
+                    if ((!Array.isArray(value) || value.length !== 3 && value.length !== 5 || typeof value[0] !== 'number') && value !== undefined) {
                         throw new Error('`value` should be of type `[number, number, number]`, `[number, number, number, number, number]` or `undefined`.');
                     }
                     fillDatePicker(fieldsetElement, value);
                     return;
                 }
                 if (fieldsetElement.classList.contains('Field-DateRangePicker')) {
-                    if ((!Array.isArray(value) ||
-                        value.length !== 2 ||
-                        !Array.isArray(value[0]) ||
-                        (value[0].length !== 3 && value[0].length !== 5) ||
-                        (value[1].length !== 3 && value[1].length !== 5)) &&
-                        value !== undefined) {
+                    if ((!Array.isArray(value) || value.length !== 2 || !Array.isArray(value[0]) || value[0].length !== 3 && value[0].length !== 5 || value[1].length !== 3 && value[1].length !== 5) && value !== undefined) {
                         throw new Error('`value` should be of type `[[number, number, number], [number, number, number]]` or ``[[number, number, number, number, number], [number, number, number, number, number]]`` or `undefined`.');
                     }
                     fillDateRangePicker(fieldsetElement, value);
@@ -1061,10 +1070,9 @@ function fill(label, value, leftRetries = RETRIES) {
             return;
         }
         throw new Error(`Could not find label or legend element with text "${label}".`);
-    }
-    catch (err) {
+    } catch (err) {
         if (leftRetries > 0) {
-            cy.wait(250).then(() => {
+            cy.wait(250).then(()=>{
                 cy.log(`Retrying (${RETRIES - leftRetries + 1} / ${RETRIES})...`);
                 fill(label, value, leftRetries - 1);
             });
@@ -1079,10 +1087,13 @@ function forceClick([subject]) {
         throw new Error(`Could not find subject.`);
     }
     try {
-        return subject.click({ force: true });
-    }
-    catch (_) {
-        return cy.wrap(subject).click({ force: true });
+        return subject.click({
+            force: true
+        });
+    } catch (_) {
+        return cy.wrap(subject).click({
+            force: true
+        });
     }
 }
 
@@ -1095,9 +1106,7 @@ function getTableRowById(prevSubjectElements, id) {
     if (prevSubjectElements && !prevSubjectElements[0]) {
         throw new Error('`prevSubjectElements[0]` is undefined.');
     }
-    return (prevSubjectElement ? cy.wrap(prevSubjectElement) : cy.get('body'))
-        .first()
-        .find(`.Table-SimpleTable tr[data-id="${id}"]`);
+    return (prevSubjectElement ? cy.wrap(prevSubjectElement) : cy.get('body')).first().find(`.Table-SimpleTable tr[data-id="${id}"]`);
 }
 
 function getTableRowByText(prevSubjectElements, text) {
@@ -1105,20 +1114,26 @@ function getTableRowByText(prevSubjectElements, text) {
     if (prevSubjectElements && !prevSubjectElements[0]) {
         throw new Error('`prevSubjectElements[0]` is undefined.');
     }
-    return (prevSubjectElement ? cy.wrap(prevSubjectElement) : cy.get('body'))
-        .first()
-        .contains(`.Table-SimpleTable tr`, text);
+    return (prevSubjectElement ? cy.wrap(prevSubjectElement) : cy.get('body')).first().contains(`.Table-SimpleTable tr`, text);
 }
 
-const registerMonitorUiCustomCommands = () => {
-    Cypress.Commands.add('clickButton', { prevSubject: 'optional' }, clickButton);
+const registerMonitorUiCustomCommands = ()=>{
+    Cypress.Commands.add('clickButton', {
+        prevSubject: 'optional'
+    }, clickButton);
     Cypress.Commands.add('clickLink', clickLink);
     Cypress.Commands.add('clickOutside', clickOutside);
     Cypress.Commands.add('fill', fill);
-    Cypress.Commands.add('forceClick', { prevSubject: true }, forceClick);
+    Cypress.Commands.add('forceClick', {
+        prevSubject: true
+    }, forceClick);
     Cypress.Commands.add('getDataCy', getDataCy);
-    Cypress.Commands.add('getTableRowById', { prevSubject: 'optional' }, getTableRowById);
-    Cypress.Commands.add('getTableRowByText', { prevSubject: 'optional' }, getTableRowByText);
+    Cypress.Commands.add('getTableRowById', {
+        prevSubject: 'optional'
+    }, getTableRowById);
+    Cypress.Commands.add('getTableRowByText', {
+        prevSubject: 'optional'
+    }, getTableRowByText);
 };
 registerMonitorUiCustomCommands();