Odtnhj

js and react newbie...playing around with testing frameworks...here's the code:

 import React from 'react';
 // import CheckboxWithLabel from '../CheckboxWithLabel';
 import shallow from 'enzyme'; //not installed...

 //var x = require ('../CheckboxWithLabel.js');


 test('CheckboxWithLabel changes the text after click', () => 
 const checkbox = shallow(
 <CheckboxWithLabel labelOn="On" labelOff="Off" />
 );
 expect(checkbox.text()).toEqual('Off');
 checkbox.find('input').simulate('change');
 expect(checkbox.text()).toEqual('On');
);

react-scripts test error: Cannot find module 'enzyme' from 'checkboxWithLabel-test.js'

jest error:

Jest encountered an unexpected token

 SyntaxError: /Users/shriamin/Development/js_prj_react_django_etc/jest_react_demo/my-app/src/__tests__/checkboxWithLabel-test.js: Unexpected token (12:4)

 10 | test('CheckboxWithLabel changes the text after click', () => {
 11 | const checkbox = shallow(
 > 12 | <CheckboxWithLabel labelOn="On" labelOff="Off" />
 | ^
 13 | );
 14 | expect(checkbox.text()).toEqual('Off');
 15 | checkbox.find('input').simulate('change');

i have no idea why jest would throw this error...react-scripts test makes sense to me since enzyme is not installed....please tell me does jest suck or am i doing something wrong configuring jest (installed via npm and update package.json).

NOTE: i don't have babel installed...i don't know what that is yet.

thanks

in package.json change

 "scripts": 
 "test": "jest",
 ,

to the following:

 "scripts": 
 "test": "react-scripts test",
 ,

i.e. don't change to jest in the first place