背景介绍: 该团队正在使用 C# 编写 QUnit UI 测试和浏览器自动化测试。我想创建一个可以在两者之间共享的 JSON 对象。这样,如果类名发生更改,配置文件只需要在一处进行更新。
该站点使用模板非常动态,因此这些测试对象配置文件必须在运行时创建,不能只解析静态 html。
我可以手动生成数据结构或编写一个工具来帮助我捕获 ID/类,然后修改生成的数据结构。我不想手动编写代码,因为我的团队正在测试的网站有数百个控件。
测试将利用这些测试对象来简化维护,因为站点经常变动,我们当前的测试每天都会中断。一旦所有测试都引用相同的测试对象,则只需要修复该对象配置。
目前我正在考虑创建一个 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 的配置文件即可。
提前致谢, 乔
最佳答案
关于javascript - 为网站自动化生成 JavaScript 测试对象的最佳方法是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10696076/