/* eslint-disable no-unused-vars */
import React from 'react';
import enz, { mount, render, shallow } from 'enzyme';

import Tabs from '.';

describe('Tabs', () => {
  it('displays a set of tabbed content', () => {
    const node = render(
      <div>
        <Tabs>
          <div label="Gators">See ya later, alligator!</div>
          <div label="Crocs">After a while, crocodile!</div>
        </Tabs>
      </div>
    );
    expect(node.html()).toBe(
      '<div class="Tabs "><ol class="Tabs-list "><li class="Tabs-listItem Tabs-listItem_active">Gators</li><li class="Tabs-listItem">Crocs</li></ol>See ya later, alligator!</div>'
    );
  });
});
