WhosRunningForOfficeMobileBrowser.js

import { $, driver, expect, browser } from '@wdio/globals';
import ReadyPage from '../page_objects/ready.page.js';
import PopulateData from '../testDataForScripts/populateStateandCandidateData.js';

const assert = require('assert');
const { describe, it } = require('mocha');

const waitTime = 8000;

/* eslint-disable no-undef */
// This eslint-disable turns off warnings for describe() and it()
// We don't need those warnings, because describe() and it() are available at runtime
// https://webdriver.io/docs/pageobjects

describe('WhosRunningForOfficePage', function() {
  this.timeout(9999999);
  const dataRead = new PopulateData();
  it('CheckStateUrlLinks', async () => {
    await ReadyPage.load();
    await driver.pause(waitTime);
    console.log('ready page opened');
    const standcandidatelist = dataRead.getStateAndCandidatesList();
    // console.log(`State and Candidates list: ${JSON.stringify(standcandidatelist)}`);
    // console.log(typeof standcandidatelist);
    let stName = standcandidatelist.map((item) => item.stateName);
    const stUrl = standcandidatelist.map((item) => item.stateURL);
    const stTitle = standcandidatelist.map((item) => item.stateTitle);
    const stAbb = standcandidatelist.map((item) => item.stateAbb);


    /*console.log(`state names: ${stName}`);
    console.log(`state urls :${stUrl}`);
    console.log(`state titles :${stTitle}`);
    console.log(`state abbreviations :${stAbb}`);*/

    for (let k = 0; k < stName.length; k++) {
      try {
        console.log(`state name from data file: ${stName[k]}`);
        await driver.pause(waitTime);

        await driver.execute((stName, k) => {
            const link = document.querySelector(`a[href="/${stName[k]}-candidates/cs/"]`);
            if (link) {
              link.click();
            } else {
              console.log('Link not found');
            }
          }, stName, k);
          


        //await $(`//a[@href="/${stName[k]}-candidates/cs/"]`).click();
        await driver.pause(waitTime);
        console.log(`state url from data file: ${stUrl[k]}`);
        await expect(browser).toHaveUrl(expect.stringContaining(stUrl[k]));
        await driver.pause(waitTime);
        console.log(`state title from data file: ${stTitle[k]}`);
        await expect(browser).toHaveTitle(expect.stringContaining(stTitle[k]));
        // commenting below lines as this check is not required for the completion of the testcase
        // Below lines are giving issues when running on android.
        // await driver.pause(waitTime);
        // const stSelectBox = await $('#outlined-age-native-simple');
        // await stSelectBox.click();
        // await driver.pause(waitTime+5000); // Wait for list to appear   
        // const visibleText = await stSelectBox.getValue();
        // console.log(`selected state in drop down:${visibleText}`);
        // assert.equal(visibleText, stAbb[k], `Error: Actual state: ${visibleText} diff from expected state:${stAbb[k]}`);
      } catch (ex) {
        console.log(`Error : ${ex}`);
        continue;
      }
    }
  });
});