javascript - React Jest test Cannot read property 'pathname' of undefined - Stack Overflow

admin管理员组

文章数量:1328587

Not sure why I'm getting this error in my simple Main.test file.

The constructor of Main.js

export class Main extends Component {
    constructor(props) {
        super(props);

        this.state = {
            location: splitString(props.location.pathname, '/dashboard/')
        }

        if (R.isEmpty(props.view)) {
            isViewServices(this.state.location)
                ? this.props.gotoServicesView()
                : this.props.gotoUsersView()
        }
    }

Main.test

import React from 'react'
import * as enzyme from 'enzyme'
import toJson from 'enzyme-to-json'
import { Main } from './Main'
import Sidebar from '../../ponents/Common/sidebar'

const main = enzyme.shallow(<Main />);

describe('<Main /> ponent', () => {

  it('should render', () => {
    const tree = toJson(main);
    expect(tree).toMatchSnapshot();
  });

  it('contains the Sidebar', () => {
    expect(main.find(Sidebar).length).toBe(1);
  });
});

Is there a way to mock up the 'pathname'?

Not sure why I'm getting this error in my simple Main.test file.

The constructor of Main.js

export class Main extends Component {
    constructor(props) {
        super(props);

        this.state = {
            location: splitString(props.location.pathname, '/dashboard/')
        }

        if (R.isEmpty(props.view)) {
            isViewServices(this.state.location)
                ? this.props.gotoServicesView()
                : this.props.gotoUsersView()
        }
    }

Main.test

import React from 'react'
import * as enzyme from 'enzyme'
import toJson from 'enzyme-to-json'
import { Main } from './Main'
import Sidebar from '../../ponents/Common/sidebar'

const main = enzyme.shallow(<Main />);

describe('<Main /> ponent', () => {

  it('should render', () => {
    const tree = toJson(main);
    expect(tree).toMatchSnapshot();
  });

  it('contains the Sidebar', () => {
    expect(main.find(Sidebar).length).toBe(1);
  });
});

Is there a way to mock up the 'pathname'?

• javascript
• reactjs
• testing
• jestjs

Share Improve this question Follow asked Jul 24, 2017 at 18:46 Leon GabanLeon Gaban 39.1k122122 gold badges349349 silver badges550550 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

It seems you might have a few errors one being that in your test your not passing in any props.

And another from you accessing this.props in your constructor.

See your if statement but I'll put the fix here to be explicit

if (R.isEmpty(props.view)) {
   isViewServices(this.state.location)
     ? props.gotoServicesView()
     : props.gotoUsersView()
}

---

In Main.test

const location = { pathname: '/dashboard/' };
const main = enzyme.shallow(<Main location={ location }/>);

本文标签： javascriptReact Jest test Cannot read property 39pathname39 of undefinedStack Overflow