输入元素的标签和页面上的一些其他视觉提示来查找 UI 元素。 更好的方法是以反映实际用户如何与之交互的方式为您的 Vue 应用程序编写测试，例如寻找一个按钮来增加结帐页面中的产品数量，因此 Vue 测试库。 跳转后更多！继续往下看↓通过Smart Interface Design Patterns提升您的 UX 技能，这是一个由 Vitaly Friedman 制作的 9h 视频库。拥有100 个真实示例、设计指南和友好的实时 UX 培训。检查免费预览。 跳转到 UX 视频课程 ↬ 什么是 Vue 测试库？ Vue 测试库是 Vue 的轻量级测试库，它在它是根据一个简单的指导原则创建的：它们给您的信心就越大。
什么使用测试库 您希望编写不
关注实现细节的测试，即测试解决方案的实现方式，而不是它是否产生所需的输出。 您想编写专注于实际 DOM 节点而 澳大利亚手机号码列表 不是渲染的 Vue 组件的测试。 您希望编写以与用户相同的方式查询 DOM 的测试。 Vue 测试库是如何工作的 Vue 测试库的功能是提供实用程序来查询 DOM，就像用户与 DOM 交互一样。这些实用程序允许您通过标签文本查找元素，从文本内容中查找链接和按钮，并断言您的 Vue 应用程序是完全可访问的。 对于通过文本内容或标签查找元素没有意义或不切实际的情况，Vue 测试库提供了一种推荐的方法来查找这些元素，方法是使用属性作为查找这些元素的逃生舱。 该data-testid属性被添加到您计划在测试中查询的 HTML 元素。
您的测试与软件的使用方式越相似
我经常发现如果我有一个新客户，我通常会从简化用户界面开始。因为网站最终不可避免地会充斥着大量没有真正帮助的东西。因此，我倾向于这样做的方式是，我将选择一个特定的页面，例如主页，然 BTC 数据库欧盟 后我将系统地查看该页面上的每个元素。我会按顺序问自己三个问题。我问的第一个问题是，我可以删除这个元素吗？如果我删除这个元素，这样做会产生什么负面后果？所以你会惊讶地发现你可以从一个网站中剥离出这么多东西。当然，屏幕上的每个元素都是用户必须处理和查看的每个元素。每个元素都会增加他们的认知负担。所以任何你可以删除的东西都很好。
