tdd-05.js

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

describe('Card', () => {
  let container;
  let user;

  beforeEach(() => {
    container = document.createElement('div');
  });

  const render = component => ReactDOM.render(component, container);

  it('renders the user name', () => {
    user = { name: 'John Wick' };
    render(<Card user={user} />);
    expect(container.textContent).toMatch('John Wick');
  });

  it('renders another user name', () => {
    user = { name: 'Steve Rogers' };
    render(<Card user={user} />);
    expect(container.textContent).toMatch('Steve Rogers');
  });
});