3

背景介绍：团队正在使用 C#编写 QUnit UI 测试和浏览器自动化测试。我想创建一个可以在两者之间共享的 JSON 对象。这样，如果类名被更改，配置文件只需要在一个地方更新。

该站点使用模板非常动态，因此这些测试对象配置文件必须在运行时创建，不能只解析静态 html。

我可以手动生成数据结构或编写一个工具来帮助我捕获 ids/classes，然后修改生成的数据结构。我不想手动编写代码，因为我的团队正在测试的网站有数百个控件。

测试将利用这些测试对象使维护更容易，因为该站点处于大量流失状态并且我们当前的测试每天都会中断。一旦所有测试都引用同一个测试对象，它只需要修复该对象配置。

目前我正在考虑创建一个 JavaScript 函数，该函数接受一个选择器并为该元素及其子元素生成所有属性。我可以在运行时调用传递我想要抓取、剪切和粘贴输出以供以后使用的控件的函数。有没有更好的方法来生成这些对象？

插图：

带有儿童 A、B、C 的导航栏。可以选择一个。

<div id="nav-bar">
    <div class="a selected">A</div>
    <div class="b">B</div>
    <div class="c">C</div>
</div>

我想创建以下代码（jQuery 样式选择器）：

var nav_bar = {
    selector: "#nav-bar",
    children: {
        a: { selector: ".a" },
        b: { selector: ".b" },
        c: { selector: ".c" },
    }
}

然后我可以手动添加一些特殊属性，例如 selectedItem：

var nav_bar = {
    selector: "#nav-bar",
    children: {
        a: { selector: ".a" },
        b: { selector: ".b" },
        c: { selector: ".c" },
        selectedItem: { selector: ".selected" }
    }
}

有了它，我可以解析 nav_bar 对象来创建一个有用的测试对象：

var nav = createTestObject(nav_bar);
// var nav = {a: $(".a", "#nav-bar"), b: $(".b", "#nav-bar"), selectedItem: function() { return $(".selected", "#nav-bar"); }}
// Can automate a simple test at this point...could use some more helper functions
// Click b if not already selected
if(nav.b[0] != nav.selectedItem()[0])
{
   nav.b.click(); // assumes clicking causes selected class to change
}

如果“.selected”类发生变化，我不必在整个测试代码中搜索和替换，只需更新 selectedItem.selector 的一个配置文件。

在此先感谢，乔

4

1 回答 1

0

我不明白你试图通过生成测试对象来实现什么。一旦你这样nav.b.click()做了，你想测试b现在选择的类吗？

您应该考虑使用PhantomJS或使用Zombie.js进行测试。

于 2012-05-22T05:53:32.490 回答