将ID属性添加到Web应用程序的所有HTML元素？

Question

目前我正在使用RoR,MySQL,HTML,CSS和jQuery等构建Web门户,我收到了自动化测试工程师的请求,要求将ID属性(如果可能还有NAME属性)添加到我的应用程序的所有元素中.

我很困惑这样做也许我不确定这是否是一个好的做法,所以任何人都可以帮助我解决在我的应用程序的所有元素中添加ID属性的特定缺点/问题.

谢谢,
西瓦

Answer 1

要进行可靠的前端测试,您需要能够识别某些元素,而无需使用过度特定的选择器(如果您没有参考元素,则需要这些选择器).像body div:nth-of-type(4) ul li:nth-child(5) a检查某个链接的选择器不仅显然很难看,而且还容易在标记中发生变化.一个小的改变可能会打破你的一半测试.为避免这种情况,有几种方法可以让您的测试工程师的生活更轻松:

糟糕的方式

将ids 分配给所有页面元素...

好方法

是以下方法:

1. 利用像新的语义标签<nav>,<header>,<footer>,<main>,和<section>.
   使用这些元素,您可以构建页面的基本结构.
2. 将ids 分配给重要/唯一页面元素.谨慎使用它们,使用有意义的名称,并记住ids代表独特的元素(可能只在页面上出现一次)!
3. 使用该class属性可以对具有相似特征的多个元素进行分组(例如导航元素,外部/内部锚点,交互元素......)
4. 避免name使用属性,或仅在必要时使用.HTML5在某些元素上弃用了这个属性<a>,所以我会完全避免它.没有必要考虑你拥有的所有其他选项.

最后,你应该与你的测试工程师进行一对编程,以获得更好的感觉,他的需求是什么,所以你不要用无用的标记来粘贴页面.