whtswrng

describe("when input changed", () => {
  it("should change property name in the state", () => {
    const componentWrapper = shallow(<Login />);
    componentWrapper.find('#email').simulate('change', {target: {name: 'email', value: 'blah@gmail.com'}});
   
    expect(componentWrapper.state('email')).toEqual('blah@gmail.com');
  })
});

whtswrng

describe('when valid email was filled', () => {
  beforeEach(() => {
    subscribe = jest.fn();
    wrapper = mount(<Subscription subscribe={subscribe}/>);
  });
  
  describe('and when form was submitted', () => {
    beforeEach(() => {
      ...
      wrapper.find('#email').simulate('change', {target: {name: 'email', value: 'blah@gmail.com'}});

whtswrng

export class Subscription extends Component {
  state = {
    email: ''
  };

  render() {
    return (
        <input
          id="email" 
          type="email"

whtswrng

export class Subscription extends Component {
  state = {
    email: ''
  };

  render() {
    return (
      ...
        <MarketingContent logo={logo}/>
        <EmailInput onChange={(email) => this.onEmailChange(email)}/>

whtswrng

it('should render marketing content with correct logo', () => {
  expect(wrapper.find('MarketingContent').length).toBe(1);
  expect(wrapper.find('MarketingContent').props("logo")).toEqual(logo);
});

it('should render email input and pass it onChange method', () => {
  expect(wrapper.find('EmailInput').length).toBe(1);
  expect(wrapper.find('EmailInput').props("onChange")).toEqual(this.onChange);
});

whtswrng

class App extends Component {

  state = {
    users: []
  };

  async fetchUsers() {
    const users = await fetch('http://totallyhardcodedurl.com/stupid');
    this.setState({users});
  }

whtswrng

class App extends Component {

    state = {
        users: [{name: 'Jim', surname: 'Smith', age: 33}]
    };

    componentDidMount() {
        this.fetchUsers();
    }

whtswrng

class App extends Component {

    render() {
        return (
            <div className="App">
                <Header/>
                <UserList/>
            </div>
        );
    }

whtswrng

class UserList extends Component {
  
    static propTypes = {
        fetchUsers: PropTypes.func.isRequired,
        saveUsers: PropTypes.func.isRequired
    };

    state = {
        users: [{name: 'Jim', surname: 'Smith', age: 33}]
    };

whtswrng

class App extends Component {
  
  ...

  async fetchUsers() {
    const users = await fetch('http://totallyhardcodedurl.com/stupid');
    this.setState({users});
  }

  ...