/*
    App.test.js
*/

import React from 'react'
import { mount } from 'enzyme'
import App from './App'
import Blog from './components/blogs/Blog'
jest.mock('./services/blogs')

import blogService from './services/blogs'

describe('<App />', () => {
  let app
  beforeAll(() => {
      /*test throws:

        console.error node_modules/react-dom/cjs/react-dom.development.js:9747
        The above error occurred in the <App> component:
          in App (created by WrapperComponent)
          in WrapperComponent
      */
    app = mount(<App/>)
  })

  it('renders all blogs it gets from backend', () => {
    console.log("app", app); // => undefined
    app.update()
    const blogComponents = app.find(Blog)
    expect(blogComponents.length).toEqual(blogService.blogs.length)
  })
})

/*
    App.js
*/
//...
import blogService from './services/blogs'
//...
componentDidMount() {
    console.log("before")               //tulostuu
    blogService.getAll().then(blogs => {
      console.log("Hello, inside?")             //ei tulostu

      this.setState({ blogs })
    }).catch (e => {
      console.log("Error in .getAll()", error)       //ei tulostu
    })
    console.log("after .getAll()")              //ei tulostu