Vue测试用例问题:如何验证expectedView内容包含数值25?
验证Vue组件Stub中包含指定内容的方法
针对你的场景,有几种直接有效的方式验证expectedView的内容包含"25":
方法一:断言Stub的Props(推荐)
由于使用shallowMount时组件会被Stub化,可以直接通过props()方法获取组件属性,精准检查content值:expect(expectedView.props('content')).toContain('25');这种方式不依赖HTML结构细节,是Vue组件测试的最佳实践,稳定性更高。
方法二:检查HTML字符串
利用你已经调用的html()方法,直接断言返回的HTML内容包含目标值:// 精准匹配content属性中的内容 expect(expectedView.html()).toContain('content="25 is the value"'); // 或者仅检查是否包含"25" expect(expectedView.html()).toContain('25');方法三:获取元素属性后断言
通过attributes()方法提取content属性值,再判断是否包含"25":const contentAttribute = expectedView.attributes('content'); expect(contentAttribute).toContain('25');
内容的提问来源于stack exchange,提问作者amanbisht39
相关产品推荐
相关产品推荐

