internet-explorer - 在angularjs中进行端到端测试时如何选择html标签

Question

我正在编写一个 E2E 测试来检查 HTML 标记是否具有“ng-app”的 id 属性。这与此处描述的 IE 修复有关。

describe('My New App', function () {
  describe('a suite of tests about the index page', function () {
    beforeEach(function () {
      browser().navigateTo('../../app/index.php');
    });

    it("should go to the main page", function () {
      expect(browser().location().path()).toBe('/index');
    });

    it("should have an html tag with id='ng-app'", function () {
      expect(element('html').attr('id')).toBe('ng-app');
    });
  });
});

此代码导致测试失败：“选择器 html 不匹配任何元素。”。

按类选择元素似乎不是问题。以下代码通过：

describe('My New App', function () {

  describe("a few tests for this FAQ page", function () {

    beforeEach(function () {
      browser().navigateTo('../../app/index.php');
      browser().navigateTo('#/faq');
    });

    it("Should show the header and footer", function () {
      expect(element(".navbar").count()).toBeGreaterThan(0);
      expect(element(".footer").count()).toBeGreaterThan(0);
    });
  });
});

选择 HTML 标记是否不受支持？

Answer 1

尝试这个

期待你的 html 喜欢

<div class="navbar">和<div class="footer">

在您的测试中进行此更改；

it("Should show the header and footer", function () {
  expect(element("[ng-view] div.navbar").count()).toBeGreaterThan(0);
  expect(element("[ng-view] div.footer").count()).toBeGreaterThan(0);
});