import React from 'react';
import { markupToReact } from 'translations/markup';

describe('markupToReact', () => {
  it('passes plain string as is', () => {
    const value = 'string';
    const expected = 'string';
    expect(markupToReact(value)).toEqual(expected);
  });

  it('transforms bold syntax', () => {
    let value = '**foo**';
    let expected = [<b key="boldify-0">foo</b>];
    expect(markupToReact(value)).toEqual(expected);

    value = '**foo** bar';
    expected = [<b key="boldify-0">foo</b>, ' bar'];
    expect(markupToReact(value)).toEqual(expected);

    value = 'bar **foo**';
    expected = ['bar ', <b key="boldify-0">foo</b>];
    expect(markupToReact(value)).toEqual(expected);

    value = 'bar **foo** baz';
    expected = ['bar ', <b key="boldify-0">foo</b>, ' baz'];
    expect(markupToReact(value)).toEqual(expected);

    value = '**foo****bar**';
    expected = [<b key="boldify-0">foo</b>, <b key="boldify-1">bar</b>];
    expect(markupToReact(value)).toEqual(expected);
  });

  it('transforms link syntax', () => {
    let value = '[foo](http://google.com)';
    let expected = [
      <a key="linkify-0" href="http://google.com" target="_blank">foo</a>
    ];
    expect(markupToReact(value)).toEqual(expected);

    value = '[foo](http://google.com) bar';
    expected = [
      <a key="linkify-0" href="http://google.com" target="_blank">foo</a>,
      ' bar'
    ];
    expect(markupToReact(value)).toEqual(expected);

    value = 'bar [foo](http://google.com)';
    expected = [
      'bar ',
      <a key="linkify-0" href="http://google.com" target="_blank">foo</a>
    ];
    expect(markupToReact(value)).toEqual(expected);

    value = 'bar [foo](http://google.com) baz';
    expected = [
      'bar ',
      <a key="linkify-0" href="http://google.com" target="_blank">foo</a>,
      ' baz'
    ];
    expect(markupToReact(value)).toEqual(expected);

    value = '[foo](http://google.com)[bar](http://google.ca)';
    expected = [
      <a key="linkify-0" href="http://google.com" target="_blank">foo</a>,
      <a key="linkify-1" href="http://google.ca" target="_blank">bar</a>
    ];
    expect(markupToReact(value)).toEqual(expected);
  });

  it('converts mixed syntax', () => {
    let value = 'Bold **foo** link [foo](http://google.com) text';
    let expected = [
      'Bold ',
      <b key="boldify-0">foo</b>,
      ' link ',
      <a key="linkify-0" href="http://google.com" target="_blank">foo</a>,
      ' text'
    ];
    expect(markupToReact(value)).toEqual(expected);
  });

  it('converts html entities', () => {
    let value = '&amp;&amp;';
    let expected = '&&';
    expect(markupToReact(value)).toEqual(expected);
  });
});