You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 22:55:31