Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

run error #15

Open
ufukayyildiz opened this issue Mar 11, 2021 · 0 comments
Open

run error #15

ufukayyildiz opened this issue Mar 11, 2021 · 0 comments

Comments

@ufukayyildiz
Copy link

ufukayyildiz commented Mar 11, 2021 •
edited

Hi,

thanks for this software.

when i run
npm run test
i get

` FAIL src/App.test.js
● Console

console.error
  Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

  Check your code at index.js:81.
      in Foods (at App.js:47)
      in div (at App.js:43)
      in div (at App.js:42)
      in App (at App.test.js:6)

  79 |         {this.state.selectedFoods.length === 0 && (
  80 |           <div className="addFoods">
> 81 |             <Icon className="animate-flicker" type="arrow-up" />
     |             ^
  82 |           </div>
  83 |         )}
  84 |         {this.state.selectedFoods.length > 0 && (

  at printWarning (node_modules/react/cjs/react-jsx-dev-runtime.development.js:125:30)
  at error (node_modules/react/cjs/react-jsx-dev-runtime.development.js:92:5)
  at jsxWithValidation (node_modules/react/cjs/react-jsx-dev-runtime.development.js:838:7)
  at Foods.render (src/components/foods/index.js:81:13)
  at finishClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6839:31)
  at updateClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6794:24)
  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7742:16)
  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11413:12)

console.error
  The above error occurred in the <div> component:
      in div (at foods/index.js:80)
      in div (at foods/index.js:73)
      in Foods (at App.js:47)
      in div (at App.js:43)
      in div (at App.js:42)
      in App (at App.test.js:6)

  Consider adding an error boundary to your tree to customize error handling behavior.
  Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

  at logCapturedError (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9215:13)
  at logError (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9251:5)
  at update.callback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10161:5)
  at callCallback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8531:12)
  at commitUpdateEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8570:7)
  at commitUpdateQueue (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8561:3)
  at commitLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9481:11)
  at commitAllLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10829:7)

● renders correctly

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `Foods`.

  4 |
  5 | it('renders correctly', () => {
> 6 |   const tree = renderer.create(<App />).toJSON()
    |                         ^
  7 |   expect(tree).toMatchSnapshot()
  8 | })
  9 |

  at invariant (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:55:15)
  at createFiberFromTypeAndProps (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2056:11)
  at createFiberFromElement (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2077:15)
  at reconcileSingleElement (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4629:23)
  at reconcileChildFibers (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4686:35)
  at reconcileChildren (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6500:28)
  at updateHostComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6961:3)
  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7747:14)
  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11413:12)
  at workLoop (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11445:24)
  at renderRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11528:7)
  at performWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12416:7)
  at performWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12328:7)
  at performSyncWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12302:3)
  at requestWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12171:5)
  at scheduleWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11986:5)
  at scheduleRootUpdate (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12585:3)
  at updateContainerAtExpirationTime (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12613:10)
  at updateContainer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12624:10)
  at Object.create (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13057:5)
  at Object.<anonymous> (src/App.test.js:6:25)

FAIL src/components/macro-nutrients/index.test.js
● renders correctly without data

expect(received).toMatchSnapshot()

Snapshot name: `renders correctly without data 1`

- Snapshot  - 5
+ Received  + 1

@@ -55,13 +55,9 @@
      <img
        alt="Empty Graph"
        className="macroChartEmpty"
        onMouseEnter={[Function]}
        onMouseLeave={[Function]}
-       src={
-         Object {
-           "process": [Function],
-         }
-       }
+       src="graph_placeholder.png"
      />
    </div>
  </div>

   5 | it('renders correctly without data', () => {
   6 |   const tree = renderer.create(<MacroNutrients />).toJSON()
>  7 |   expect(tree).toMatchSnapshot()
     |                ^
   8 | })
   9 |
  10 | it('renders correctly with data', () => {

  at Object.<anonymous> (src/components/macro-nutrients/index.test.js:7:16)

› 1 snapshot failed.
FAIL src/components/selected-food/index.test.js
● Console

console.error
  Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

  Check your code at index.js:37.
      in SelectedFood (at selected-food/index.test.js:8)

  35 |           />
  36 |           <Button onClick={this.onDelete} className="deleteBtn">
> 37 |             <Icon type="delete" />
     |             ^
  38 |           </Button>
  39 |         </div>
  40 |       </div>

  at printWarning (node_modules/react/cjs/react-jsx-dev-runtime.development.js:125:30)
  at error (node_modules/react/cjs/react-jsx-dev-runtime.development.js:92:5)
  at jsxWithValidation (node_modules/react/cjs/react-jsx-dev-runtime.development.js:838:7)
  at SelectedFood.render (src/components/selected-food/index.js:37:13)
  at finishClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6839:31)
  at updateClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6794:24)
  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7742:16)
  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11413:12)

console.error
  The above error occurred in one of your React components:
      in button (created by Context.Consumer)
      in Wave (created by Button)
      in Button (at selected-food/index.js:36)
      in div (at selected-food/index.js:27)
      in div (at selected-food/index.js:25)
      in SelectedFood (at selected-food/index.test.js:8)

  Consider adding an error boundary to your tree to customize error handling behavior.
  Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

  at logCapturedError (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9215:13)
  at logError (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9251:5)
  at update.callback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10161:5)
  at callCallback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8531:12)
  at commitUpdateEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8570:7)
  at commitUpdateQueue (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8561:3)
  at commitLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9481:11)
  at commitAllLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10829:7)

● renders correctly

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `SelectedFood`.

   5 | it('renders correctly', () => {
   6 |   const tree = renderer
>  7 |     .create(
     |      ^
   8 |       <SelectedFood
   9 |         selectedFood={{
  10 |           food: {

  at invariant (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:55:15)
  at createFiberFromTypeAndProps (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2056:11)
  at createFiberFromElement (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2077:15)
  at createChild (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4123:28)
  at reconcileChildrenArray (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4374:25)
  at reconcileChildFibers (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4697:14)
  at reconcileChildren (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6500:28)
  at updateFragment (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6676:3)
  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7762:14)
  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11413:12)
  at workLoop (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11445:24)
  at renderRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11528:7)
  at performWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12416:7)
  at performWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12328:7)
  at performSyncWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12302:3)
  at requestWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12171:5)
  at scheduleWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11986:5)
  at scheduleRootUpdate (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12585:3)
  at updateContainerAtExpirationTime (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12613:10)
  at updateContainer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12624:10)
  at Object.create (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13057:5)
  at Object.<anonymous> (src/components/selected-food/index.test.js:7:6)

FAIL src/components/foods/index.test.js
● Console

console.error
  Warning: React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

  Check your code at index.js:81.
      in Foods (at foods/index.test.js:6)

  79 |         {this.state.selectedFoods.length === 0 && (
  80 |           <div className="addFoods">
> 81 |             <Icon className="animate-flicker" type="arrow-up" />
     |             ^
  82 |           </div>
  83 |         )}
  84 |         {this.state.selectedFoods.length > 0 && (

  at printWarning (node_modules/react/cjs/react-jsx-dev-runtime.development.js:125:30)
  at error (node_modules/react/cjs/react-jsx-dev-runtime.development.js:92:5)
  at jsxWithValidation (node_modules/react/cjs/react-jsx-dev-runtime.development.js:838:7)
  at Foods.render (src/components/foods/index.js:81:13)
  at finishClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6839:31)
  at updateClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6794:24)
  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7742:16)
  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11413:12)

console.error
  The above error occurred in the <div> component:
      in div (at foods/index.js:80)
      in div (at foods/index.js:73)
      in Foods (at foods/index.test.js:6)

  Consider adding an error boundary to your tree to customize error handling behavior.
  Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

  at logCapturedError (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9215:13)
  at logError (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9251:5)
  at update.callback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10161:5)
  at callCallback (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8531:12)
  at commitUpdateEffects (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8570:7)
  at commitUpdateQueue (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8561:3)
  at commitLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:9481:11)
  at commitAllLifeCycles (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:10829:7)

● renders correctly

Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `Foods`.

  4 |
  5 | it('renders correctly', () => {
> 6 |   const tree = renderer.create(<Foods updateNutrients={() => {}} />).toJSON()
    |                         ^
  7 |   expect(tree).toMatchSnapshot()
  8 | })
  9 |

  at invariant (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:55:15)
  at createFiberFromTypeAndProps (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2056:11)
  at createFiberFromElement (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2077:15)
  at reconcileSingleElement (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4629:23)
  at reconcileChildFibers (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:4686:35)
  at reconcileChildren (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6500:28)
  at updateHostComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6961:3)
  at beginWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:7747:14)
  at performUnitOfWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11413:12)
  at workLoop (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11445:24)
  at renderRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11528:7)
  at performWorkOnRoot (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12416:7)
  at performWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12328:7)
  at performSyncWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12302:3)
  at requestWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12171:5)
  at scheduleWork (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:11986:5)
  at scheduleRootUpdate (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12585:3)
  at updateContainerAtExpirationTime (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12613:10)
  at updateContainer (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:12624:10)
  at Object.create (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:13057:5)
  at Object.<anonymous> (src/components/foods/index.test.js:6:25)

Snapshot Summary
› 1 snapshot failed from 1 test suite. Inspect your code changes or press u to update them.

Test Suites: 4 failed, 4 total
Tests: 4 failed, 1 passed, 5 total
Snapshots: 1 failed, 1 passed, 2 total
Time: 2.538 s, estimated 3 s
Ran all test suites related to changed files.
`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@ufukayyildiz