MenuMoreLinks.js

import config from 'config';
import {login} from '../../utils/loginUtil';
import {acceptedCookies}  from '../../utils/cookieWallUtil';

const {retryFailedTests} = config.selenium;
const MAIN_NAV_SECTION_COUNT = 5;
const {
  SectionHeaderDesktop,
  MenuMore,
  Popup,
} = selectors.selectors;

describe('Desktop MenuMoreLinks Flow', function () {
  this.retries(retryFailedTests);

  beforeEach(function () {
    acceptedCookies();
    browser.url('/')
    // todo: This is just for temporary use, because of the LoginWall for public release. After public you can remove the 3 lines code below in this function
    login()
    browser.click(Popup.closeButton)

    expect(desktopMoreButton).to.be.visible()
    browser.click(desktopMoreButton)
  })

  afterEach(function () {
    browser.reload()
  });

  const desktopHeader = SectionHeaderDesktop.root;
  const desktopMoreButton = desktopHeader + ' ' + SectionHeaderDesktop.moreButton;

  it('TC001 - Validate MenuMoreLinks Telegraaf HomePage', () => {
    browser.waitForVisible(MenuMore.root)
    const dropDownLinks = $$(MenuMore.dropDownLinks)

    expect(dropDownLinks).to.have.length(MAIN_NAV_SECTION_COUNT)
    expect(dropDownLinks[0].getText()).to.equal('WAT U ZEGT')
    expect(dropDownLinks[1].getText()).to.equal('TECH')
    expect(dropDownLinks[2].getText()).to.equal('COLUMNS')
    expect(dropDownLinks[3].getText()).to.equal('VRIJ')
    expect(dropDownLinks[4].getText()).to.equal('VIDEO')
  });

  it('TC002 - User navigates to the WAT U ZEGT page', () => {
    const dropDownLinks = $$(MenuMore.dropDownLinks)
    const watuZegtButton = dropDownLinks[0]

    watuZegtButton.click()

    expect(browser.getUrl()).to.match(/watuzegt/)
  });

  it('TC003 - User navigates to the TECH page', () => {
    const dropDownLinks = $$(MenuMore.dropDownLinks)
    const techButton = dropDownLinks[1]

    techButton.click()

    expect(browser.getUrl()).to.match(/tech/)
  });

  it('TC004 - User navigates to the COLUMNS page', () => {
    const dropDownLinks = $$(MenuMore.dropDownLinks)
    const columnsButton = dropDownLinks[2]

    columnsButton.click()

    expect(browser.getUrl()).to.match(/columns/)
  });

  it('TC005 - User navigates to the VRIJ page', () => {
    const dropDownLinks = $$(MenuMore.dropDownLinks)
    const vrijButton = dropDownLinks[3]

    vrijButton.click()

    expect(browser.getUrl()).to.match(/vrij/)
  });

  it('TC006 - User navigates to the VIDEO page', () => {
    const dropDownLinks = $$(MenuMore.dropDownLinks)
    const videoButton = dropDownLinks[4]

    videoButton.click()

    expect(browser.getUrl()).to.match(/video/)
  });
});