/* eslint-disable no-unused-vars */
import { render } from '@testing-library/react'
import React from 'react'

import { createMockClient } from 'cozy-client'
import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'

import { EditableSharingModal } from './EditableSharingModal'
import AppLike from '../../../test/AppLike'
import { SharingProvider } from '../../SharingProvider'
import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath'
import { receivePaths } from '../../state'
import { default as DumbShareModal } from '../ShareModal'

jest.mock('../../hooks/useFetchDocumentPath', () => ({
  useFetchDocumentPath: jest.fn()
}))

const AppWrapper = ({ children, client }) => {
  return (
    <AppLike client={client}>
      <BreakpointsProvider>
        <SharingProvider client={client}>{children}</SharingProvider>
      </BreakpointsProvider>
    </AppLike>
  )
}

// TODO Convert with testing-library
describe('EditableSharingModal', () => {
  const client = createMockClient({})
  const setup = ({ document }) => {
    const component = render(
      <AppWrapper client={client}>
        <EditableSharingModal
          client={client}
          document={document}
          t={x => x}
          onClose={() => {}}
        />
      </AppWrapper>
    )
    return { component }
  }

  it('should render true', () => {
    expect(true).toBe(true)
  })

  // it('will set to false the shared parent / child if the document has no path', () => {
  //   const { component } = setup({
  //     document: {
  //       attributes: {}
  //     }
  //   })

  //   const mod = component.find(DumbShareModal)
  //   expect(mod.length).toBe(1)
  //   expect(mod.prop('hasSharedChild')).toBe(undefined)
  //   expect(mod.prop('hasSharedParent')).toBe(undefined)
  // })

  // it('will set to true the sharedChild if a child is shared and document has path from the beginning', () => {
  //   useFetchDocumentPath.mockReturnValue(['/a'])
  //   const { component } = setup({
  //     document: {
  //       path: '/a',
  //       attributes: {}
  //     }
  //   })

  //   const provider = component.find(SharingProvider)
  //   provider.instance().dispatch(receivePaths(['/a/b']))

  //   component.update()

  //   const mod = component.find(DumbShareModal)
  //   expect(mod.length).toBe(1)
  //   expect(mod.prop('hasSharedChild')).toBe(true)
  //   expect(mod.prop('hasSharedParent')).toBe(false)
  // })

  // it('will set to true the sharedChild if a child is shared and the document path fetched latter', () => {
  //   const { component } = setup({
  //     document: {
  //       attributes: {}
  //     }
  //   })
  //   useFetchDocumentPath.mockReturnValue(['/a'])

  //   const provider = component.find(SharingProvider)
  //   provider.instance().dispatch(receivePaths(['/a/b']))

  //   component.update()

  //   const mod = component.find(DumbShareModal)
  //   expect(mod.length).toBe(1)
  //   expect(mod.prop('hasSharedChild')).toBe(true)
  //   expect(mod.prop('hasSharedParent')).toBe(false)
  // })
})