如何使用webdriver.io单击网页上的所有锚点元素

debugcn 发表于 Dev

势均力敌的对手

我正在尝试浏览到该URL- https://gallant-meitner-86c223.netlify.com/#/，检查a[href]页面上链接的数量，单击链接并验证该人是否存在

wdio.conf.js

exports.config = {
  runner: 'local',
  specs: [
    'test/e2e/**/*.js'
  ],
  maxInstances: 10,
  capabilities: [{
    maxInstances: 5,
    browserName: 'firefox'
  }],
  logLevel: 'info',
  bail: 0,
  baseUrl: 'http://localhost:8080',
  waitforTimeout: 10000,
  connectionRetryTimeout: 90000,
  connectionRetryCount: 3,
  services: ['selenium-standalone'],
  framework: 'jasmine',
  reporters: ['spec', 'junit'],
  jasmineNodeOpts: {
   defaultTimeoutInterval: 60000,
  }

我的测试

describe('Home', () => {
  it('should get count of the links and click on them and verify the person exists', async () => {
       await browser.url('/')
    const title = await browser.getTitle()
    expect(title).toBe('Force Vue Awakens')
    // This doesn't work as well
    const links = $$('#links a')
    const count = links.length
    expect(count).toBe(10)
    links.forEach((link) => {
      link.click()
      // Dont know how to verify each person after clicking the link
    })

  })
})

我是自动化测试和Web驱动程序的新手。任何帮助或小提琴将不胜感激！

奥列克西

forEach()方法不能与返回Promise的函数一起正常使用。您可以使用它来for ... of构建。另外请记住，如果webdriver-io在async模式下使用，则应始终解析返回Promise的方法。看一下重构测试：

describe('Home', () => {
  it('should get count of the links and click on them and verify the person exists', async () => {
    await browser.url('/')
    const title = await browser.getTitle()
    expect(title).toBe('Force Vue Awakens')
    const links = await $$('#links a') //here you missed await
    const count = links.length
    expect(count).toBe(10)
    const beforeUrl = await browser.getUrl()
    for (let link of links) {
      await link.click();
      const afterUrl = await browser.getUrl()
      expect(afterUrl).not.Equal(beforeUrl) // here use your assertion library
    } 

  })
})

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。