import React from 'react';
import assert from 'assert';
import UnorderedList from './unordered-list';
import ReactTester from '../../../src/index';

const tester = ReactTester.create().use(UnorderedList);
const i18n = {
  help: 'test help',
  something: 'test something',
  guest: 'test guest',
};
const NO_LINKS = tester.addFlavour('NO_LINKS', {
  i18n,
  links: [],
});
const WITH_LINKS = tester.addFlavour('WITH_LINKS', {
  i18n,
  links: [
    {
      title: 'title-1',
      text: 'text-1',
    },
    {
      title: 'title-2',
      text: 'text-2',
    },
  ],
});
const WITH_REACT_LINKS = tester.addFlavour('WITH_REACT_LINKS', {
  i18n,
  rlinks: [
    <a href="test-1" title="test-title-1">test-content-1</a>,
    <a href="test-2" title="test-title-2">test-content-2</a>,
  ],
});
const WITH_DYNAMIC_REACT_LINKS = tester.addFlavour('WITH_DYNAMIC_REACT_LINKS', {
  i18n,
  drlinkssrc: [
    <a href="test-1" title="test-title-1">test-content-1</a>,
    <a href="test-2" title="test-title-2">test-content-2</a>,
  ],
  randomString: 'test test test',
  email: 'some@thing',
});

describe('unordered list should', () => {
  it('render the first anchor with the expected title with no dynamic links', () => {
    const actual = NO_LINKS.findChild('0.0').props.title;
    const expected = 'test help';

    assert.deepEqual(actual, expected);
  });

  it('render the first anchor with the expected value with no dynamic links', () => {
    const actual = NO_LINKS.findChild('0.0').value;
    const expected = 'test help';

    assert.deepEqual(actual, expected);
  });

  it('render the dynamic links', () => {
    const actual = WITH_LINKS.countComponents('li');
    const expected = 4;

    assert.deepEqual(actual, expected);
  });

  it('render the first dynamic link with the expected text', () => {
    const actual = WITH_LINKS.findChild('2').value;
    const expected = 'text-1';

    assert.deepEqual(actual, expected);
  });

  it('render the second dynamic link with the expected text', () => {
    const actual = WITH_LINKS.findChild('3').value;
    const expected = 'text-2';

    assert.deepEqual(actual, expected);
  });

  it('render the first react link with the expected title', () => {
    const actual = WITH_REACT_LINKS.findChild('2.0').props.title;
    const expected = 'test-title-1';

    assert.deepEqual(actual, expected);
  });

  it('render the first dynamic react link as expected', () => {
    const actual = WITH_DYNAMIC_REACT_LINKS.findChild('2.0.1.1.0').value;
    const expected = 'test-content-1';

    assert.deepEqual(actual, expected);
  });

  it('map the expected click event to the component', () => {
    const isMapped =
      NO_LINKS
        .component
        .propFunc('onClick')
        .mapsTo('handleOnClick');

    assert(isMapped);
  });

  it('map the expected key press event to the help link', () => {
    const helpLink = NO_LINKS.findComponents('a')[0];

    const isMapped =
      helpLink
        .propFunc('onKeyPress')
        .mapsTo('handleKeyPress');

    assert(isMapped);
  });
});