代码之家  ›  专栏  ›  技术社区  ›  Athif Shaffy

Jest检查元素属性是否存在

  •  6
  • Athif Shaffy  · 技术社区  · 6 年前

    我想用jest检查以下svg path元素是否包含该属性 d
    <path id="TrendLine" fill="none" stroke="black" d="M170,28.76363636363638C170,28.76363636363638,221.46221083573664,189.150059910"></path> 如何使用jest在元素中搜索特定属性?

    1 回复  |  直到 6 年前
        1
  •  17
  •   Billy Reilly    6 年前

    您可以使用 enzyme's shallow method 要渲染组件,然后检查路径元素上的道具,请执行以下操作:

    // at the top of your test file file:
    import { shallow } from 'enzyme';
    
    ...
    
    it('should render path element with the expected d attribute', () => {
      // shallowly render your component:
      const wrapper = shallow(<Component />);
    
      // find the path element using a css selector
      const trendline = wrapper.find('path#TrendLine');
    
      // make assertion
      expect(trendline.props()).toHaveProperty('d', 'M170,28.76363636363638C170,28.76363636363638,221.46221083573664,189.150059910');
    });