使用唯一数据填充表格单元格 - qa 自动化

问题描述

我有一张看起来像这样的桌子 -

<tbody>
 <tr>
  <td></td>
  ...
  <td></td>
 </tr>
</tbody>

每个单元格中的数据都填充了来自 json 对象的唯一值,或者对其进行了唯一操作(即复选标记)。 当用户可以添加具有相同列数的额外行时,困难就来了。 我如何编写一个算法/函数来遍历每个单元格并使用我唯一的 json 值填充它或执行特定操作?

这是针对赛普拉斯 QA 自动化 (Js/Ts)。每个单元格都有一个唯一的定位器,但如果我这样做,我的页面对象模型将有重复的代码

解决方法

如果您从服务器获取数据,则每次使用 JavaScript 函数获取数据时都必须构建表。我找到了一篇可能有用的文章:https://javascript.plainenglish.io/creating-a-dynamic-html-table-through-javascript-f554fba376cf