/**
 * Copyright (c) Nicolas Gallagher.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

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

import Text from '../../Text'
import ImageBackground from '..'

function findImage(container) {
  return container.firstChild.firstChild
}

describe('components/ImageBackground', () => {
  describe('prop "children"', () => {
    test('render child content', () => {
      const { getByText } = render(
        <ImageBackground>
          <Text>Hello World!</Text>
        </ImageBackground>
      )
      expect(getByText('Hello World!')).toBeDefined()
    })
  })

  describe('prop "imageStyle"', () => {
    test('sets the style of the underlying Image', () => {
      const imageStyle = { width: 40, height: 60 }
      const { container } = render(<ImageBackground imageStyle={imageStyle} />)
      expect(
        findImage(container).getAttribute('style').includes('width: 40px; height: 60px;')
      ).toBe(true)
    })
  })

  describe('prop "style"', () => {
    test('sets the style of the container View', () => {
      const style = { margin: 40 }
      const { container } = render(<ImageBackground style={style} />)
      expect(container.firstChild.getAttribute('style')).toEqual(
        'margin: 40px 40px 40px 40px;'
      )
    })
  })
})