開發人員如何為Grid中的HTML控件分配可以由自動化測試工具（如代碼UI）使用的HTML的唯一ID？

Question

我正在使用Angular JS-ng-table。 生成具有排序，過濾，分頁功能的網格結構。

我們正在使用編碼的UI自動化工具，該工具期望所有HTML控件都應該是唯一的。

例如 ：

讓Grid Table由Employee記錄組成。

Automation Tester編寫了一個測試用例，期望前1-10個記錄具有唯一的ID（Emp1-to-Emp10），並且不會更改。

但是，當Tester對Grid進行排序時，將更改Grid的整個結構。 前10個記錄將具有-Emp11，Emp1，Emp4，Emp5，Emp37，Emp42，Emp67，Emp89，Emp12，Emp10。

當測試員重新測試測試用例時失敗。

那么，如何通過Angular JS + Coded UI的組合來保持動態記錄唯一ID的一致性？

謝謝Gokul

Answer 1

我會說發生的事情是預期的排序行為。

您可以解決問題的一些方法。 從測試人員的角度來看：

• 測試應在結束之前將頁面恢復到初始狀態。 例如，如果測試對表進行排序，則應在完成之前“取消排序”表。 這樣會使數據保持在預期狀態，以便可以重復測試

• 不要按ID選擇事物。 我所知道的所有測試框架都允許您通過css選擇器進行選擇，而選擇器可以進行比id更強大的選擇。 例如，您可以按員工ID查找一行，而無論表格按什么順序查找它。

從開發人員的角度來看：

• 我假設這些行是數組中的項。 您可以將唯一的ID作為屬性分配給數組中的每個項目，並在模板標記中使用它。 唯一ID不會受到任何排序的影響。

除非您使用一個非常不尋常的框架或受奇怪規則約束，否則我建議修改自動測試而不是代碼。