import { render } from '@testing-library/react-native'
import * as React from 'react'
import 'react-native'
import { Provider } from 'react-redux'
import BackupIntroduction from 'src/backup/BackupIntroduction'
import { Screens } from 'src/navigator/Screens'
import { createMockStore, getMockStackScreenProps } from 'test/utils'

describe('BackupIntroduction', () => {
  it('renders correctly when backup not complete', () => {
    const { getByText, getByTestId } = render(
      <Provider store={createMockStore({})}>
        <BackupIntroduction {...getMockStackScreenProps(Screens.BackupIntroduction)} />
      </Provider>
    )

    expect(getByText('introBackUpPhrase')).toBeTruthy()
    expect(getByText('introCompleteQuiz')).toBeTruthy()
    expect(getByTestId('SetUpAccountKey')).toBeTruthy()
  })

  it('renders correctly when backup completed', () => {
    const { getByText, getByTestId } = render(
      <Provider
        store={createMockStore({
          account: { backupCompleted: true },
        })}
      >
        <BackupIntroduction {...getMockStackScreenProps(Screens.BackupIntroduction)} />
      </Provider>
    )

    expect(getByTestId('RecoveryPhraseContainer')).toBeTruthy()
    expect(getByText('postSetupBody')).toBeTruthy()
    expect(getByText('postSetupCTA')).toBeTruthy()
  })
})