import React from 'react';
import { View, StyleSheet } from 'react-native';

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

import Card from '../Card';

describe('without custom style', () => {
  it('renders correctly', () => {
    const { toJSON } = render(
      <Card>
        <View />
      </Card>,
    );
    expect(toJSON()).toMatchSnapshot();
  });
});

describe('with custom style', () => {
  it('renders correctly with customed style', () => {
    const styles = StyleSheet.create({ custom: { backgroundColor: 'red' } });
    const { toJSON } = render(
      <Card style={styles.custom}>
        <View />
      </Card>,
    );
    expect(toJSON()).toMatchSnapshot();
  });
});