Test issue

[coryhouse]

Hi Arvind - Your tests run for me if I change line 4 in CourseFrom.Snapshot.test.js to this:

import { courses, authors } from "../../../tools/mockData";

If that doesn't fix it, please share this info:

Node version (run node -v to get this)
npm version (run npm -v to get this)
Terminal
Operating system

[coryhouse]

Also, here's a thread with some ideas: jestjs/jest#9292

You could try moving the babel config out of package.json to a .babelrc file in your project root (same directory as package.json).

[arvndpal]

import { courses, authors } from "../../../tools/mockData"; this does not fixed the issue

I tried with moving jest config and babel config out of package.json (same directory as package.json).
But that too, did not help me out.

Node: v12.13.1
npm: 3.10.7
OS: Windows 10 64-bit Operating System
Terminal: Winndows Powershell

[coryhouse]

That's a very old version of npm. Can you update to the latest version?

[arvndpal]

Thanks @coryhouse
Updating the npm version to 6.14.5 and moving the jest and babel config out of package.json
snapshot testing is working fine.
But with Enzyme test having the same issue in the src/components/courses/CourseForm.Enzyme.test.js commponent while the Enzyme Test is workiing fine for src/components/common/Header.test.js

I think the issue is due es6 destructuring syntax but I am not confirmed about it and event not able to resolve the issue.
Could you please provide help about it to resolve? (have updated code with latest commit)

[coryhouse]

All tests pass for me now that I got your latest code. I suggest:

1. Delete node_modules
2. Run npm install
3. try tests again

[arvndpal]

No deleting node_modules and reinstalling did not fixed the issue,
Also tried the following config but that too did not help

  verbose: true,
  "setupFiles": [
    "./tools/testSetup.js"
  ],
  "moduleNameMapper": {
    "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/tools/fileMock.js",
    "\\.(css|less)$": "<rootDir>/tools/styleMock.js"
  },
  transform: {
    '^.+\\.(js|jsx)?$': 'babel-jest'
  },
  transformIgnorePatterns: ['<rootDir>/node_modules/']

}```

[arvndpal]

Fixed the issue by destructuring saving value from args and put it in defaultArgs variable and used this as props
And comment out the code var props = { ...defaultProps, ...args }
File name: CourseForm.Enzyme.test.js
The running code: (Now my all test running accordingly)

function renderCourseForm(args) {
  const { saving } = args || false
  const defaultProps = {
    authors: [],
    course: {},
    saving,
    errors: {},
    onSave: jest.fn(),
    onChange: jest.fn()
  }

  return shallow(<CourseForm {...defaultProps} />)
}

The old code (that was failing)

function renderCourseForm(args) { 
  const defaultProps = {
    authors: [],
    course: {},
    saving,
    errors: {},
    onSave: jest.fn(),
    onChange: jest.fn()
  }

  const props = { ...defaultProps, ...args }
  return shallow(<CourseForm {...props } />)
}

I found the actual issue was in the const props = { ...defaultProps, ...args } line.
But i still not clear why is that? ( Have committed my latest code to matser branch)

Thanks once again @coryhouse for your great support and response.