Question

大家好我是新手做出反应任何人都可以帮我编写以下代码的单元测试..我想测试链接是否正确重定向..

这是我的代码..

import React { Component } from 'react';
import {Link} from 'react-router';
import './App.css';

class Home extends Component {
  render() {
    return (
      <Link to='/college/masters/cs' className="student">  
        <div className="centered">
          <h2 className="Branch">Branch</h2>
        </div>
      </Link>
    );
  }
}

我的测试

import React from 'react';
import { mount, shallow } from 'enzyme';
import {expect} from 'chai';
import 'ignore-styles';
import Home from '../src/Home';

describe('<Home/>', function () {
  it('should have a Link', function () {
    const wrapper = shallow(<Home/>);

    expect(wrapper.find('Link')).to.have.length(1);
  });
});

如果链接正确重定向，请帮我写测试。

谢谢

Answer 1

好吧，试试吧。它应该工作。您只需要检查是否将具有相关值的有效to属性传递给Link组件。而已。您不需要检查它是否将您带到给定的URL，因为它是Link组件的功能，并且它们应该有测试来验证。如果您需要，那么您所写的不是单元测试，它被称为e2e。这样做你可能需要硒等。

expect(wrapper.find('Link').props().to).to.eql('/college/masters/cs')

用酶反应js单位测试

1 个答案: