food-nutrients / food-nutrients Goto Github PK

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)

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)

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)

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)

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)

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)

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)