import { render, waitFor } from '@testing-library/react'
import React from 'react'

import { WebviewIntentProvider } from 'cozy-intent'

import InAppBrowser from './InAppBrowser'

describe('InAppBrowser', () => {
  it('should call fetchSessionCode and showInAppBrowser', async () => {
    const url = 'https://test.url'
    const intentCall = jest.fn()
    const webviewService = {
      call: intentCall
    }
    intentCall
      .mockResolvedValueOnce('sessioncode')
      .mockResolvedValueOnce({ type: 'dismiss' })
    render(
      <WebviewIntentProvider webviewService={webviewService}>
        <InAppBrowser url={url} />
      </WebviewIntentProvider>
    )

    await waitFor(() => expect(webviewService.call).toHaveBeenCalled())

    expect(webviewService.call).toHaveBeenNthCalledWith(1, 'fetchSessionCode')
    expect(webviewService.call).toHaveBeenNthCalledWith(2, 'showInAppBrowser', {
      url: url + '/?session_code=sessioncode'
    })
  })
  it('should call onClose when user closes the inAppBrowser in app', async () => {
    const url = 'https://test.url'
    const intentCall = jest.fn()
    const webviewService = {
      call: intentCall
    }
    const onClose = jest.fn()

    intentCall.mockResolvedValue({ type: 'cancel' })
    render(
      <WebviewIntentProvider webviewService={webviewService}>
        <InAppBrowser url={url} onClose={onClose} />
      </WebviewIntentProvider>
    )

    await waitFor(() => expect(onClose).toHaveBeenCalledTimes(1))
    expect(onClose).toHaveBeenCalledWith()
  })
  it('should call closeInAppBrowser when the component is unmounted', async () => {
    const url = 'https://test.url'
    const intentCall = jest.fn()
    const webviewService = {
      call: intentCall
    }
    intentCall.mockResolvedValue({ type: 'dismiss' })
    const { unmount } = render(
      <WebviewIntentProvider webviewService={webviewService}>
        <InAppBrowser url={url} />
      </WebviewIntentProvider>
    )

    unmount()
    expect(webviewService.call).toHaveBeenNthCalledWith(2, 'closeInAppBrowser')
  })

  it('should work with custom intents api', async () => {
    const url = 'https://test.url'
    const intentsApi = {
      fetchSessionCode: jest.fn().mockResolvedValue('custom_api_session_code'),
      showInAppBrowser: jest.fn(),
      closeInAppBrowser: jest.fn(),
      tokenParamName: 'custom_token_name'
    }
    const { unmount } = render(
      <InAppBrowser url={url} intentsApi={intentsApi} />
    )

    await waitFor(() => expect(intentsApi.showInAppBrowser).toHaveBeenCalled())

    unmount()

    await waitFor(() => expect(intentsApi.closeInAppBrowser).toHaveBeenCalled())
    expect(intentsApi.fetchSessionCode).toHaveBeenCalledTimes(1)
    expect(intentsApi.showInAppBrowser).toHaveBeenNthCalledWith(
      1,
      'https://test.url/?custom_token_name=custom_api_session_code'
    )
  })
})