在我的网站上使用 Protractor 测试链接

Question

我正在测试一个网站 - 使用 Angular 的单页应用程序。我正在寻找正确的方法来测试我网站中的所有链接，以确保:

1. 我不会进入 404
2. 我要去我应该去的地方了

我可以创建一个测试并将所有链接和我希望获得的 url 放入其中。但这听起来像是很多工作和维护工作。你能想出更好的方法吗？谢谢。

编辑:在其他测试中，当我想确保链接确实指向正确的位置时，我使用类似的东西:

 browser.driver.findElement(by.xpath('//* [@id="navbar"]/ul/li[4]/a')).click();
 browser.getTitle().then(function (titleText) {
  console.log(titleText)  
  expect(titleText).toBe(" My Portal | Inbox page");
  });

Answer 1

我假设您只需要检查 a 元素。您可以获取所有链接元素，遍历它们以获取它们的 href，然后单击每个元素。假设您没有对这些元素做任何特别的事情，直接导航到 URL 应该与单击链接相同。

这是一些我没有尝试过的代码:

var urls = [];
var links = element.all(by.css('a')).then(function(links) {
  links.forEach(function(link) {
    link.getAttribute('href').then(function(href) {
      urls.push(href);
    });
});

// wait for all the links to be grabbed
browser.waitForAngular().then(function() {
  urls.forEach(function(url) {
      browser.get(url);
      checkBrowserState();
  });
});