javascript - 在量角器中测试模板？

Question

编写应该应用于站点中每个页面的断言的最佳方法是什么？

我正在测试我的网站页脚中是否存在一个元素，因此该元素应该存在于所有页面上。

我正在考虑编写一个单独的文件来测试站点的模板元素，然后将其包含在所有规范中。好像没有其他人在这样做吗？

score 3 · Accepted Answer

首先，为了编写更清晰的测试并更好地理解目标站点的组成，应用页面对象模式并将网页的各个部分拆分为不同的页面对象。例如，footer,header可以而且应该是单独的页面对象，可以在您网站的不同网页中重复使用。

有关该主题的更多信息：

据我了解这个问题，要遵循“DRY”原则，您希望拥有某种“共享”茉莉花规格，您可以定义一次并在多个测试套件中运行。

这正是DRYing up Jasmine Specs with Shared Behavior文章所描述的内容。这个想法相当简单——在你的测试套件中定义一个函数，并从其他测试套件中调用它。例子：

创建一个接受上下文 - 页面对象 - 并包含页脚特定可重用测试的函数：

function testFooter(footer) {

    describe("(shared)", function () {

        describe("should show footer with necessary information", function () {
            it("should show copyright", function () {
                expect(footer.copyright.getText()).toEqual('Copyright 2014');
            });
        });

    });
}

从传递上下文的其他测试套件调用该函数 - 页脚页面对象：

var FooterPage = require('./footer.po.js');

describe('Contacts page', function () {
    var scope = {};

    beforeEach(function () {
        browser.get('/contacts/');
        browser.waitForAngular();
        scope.page = new ContactsPage();
    });

    // other contacts page specific suites 
    // ...

    testFooter(new FooterPage());

});

您可能需要调整和改进代码以使其工作，但想法保持不变：定义一次并重用。传递页面对象只会使它更清洁和透明。

另见：

score 1 · Accepted Answer

我使用规范的方式是规范谈论某些场景，而不总是关于特定页面，所以它不是“一个规范，一页”。如果规范中的条件不能影响元素的存在，我会认为在许多规范中测试相同的东西是不好的做法。

一般来说，我认为甚至没有必要测试这样的东西。我宁愿考虑您的元素是否有可能不存在，或者是否有某些条件会影响它，并测试这些情况。

如果您坚持对此进行测试（例如，有不共享内容的静态页面，并且您的元素是手动添加的，您必须确定），我将创建单个规范来测试该元素的存在，并在其中定义要测试的页面列表。因此，该测试将涵盖对该元素在所有列出的页面上的存在的测试。

javascript - 在量角器中测试模板？

2 回答 2

Related

Reference