import React from 'react';
import ReactDOM from 'react-dom';
import { Card } from '../src/Card';

describe('Card', () => {
  it('renders the user name', () => {
    const user = { name: 'John Wick' };
    const component = <Card user={user} />;
    const container = document.createElement('div');

    ReactDOM.render(component, container);

    expect(container.textContent).toMatch('John Wick');
  });

  it('renders another user name', () => {
    const user = { name: 'Steve Rogers' };
    const component = <Card user={user} />;
    const container = document.createElement('div');

    ReactDOM.render(component, container);

    expect(container.textContent).toMatch('Steve Rogers');
  });
});