react-text-highlighter/test/unit-tests/methods_test.js

Simple higher order component for React for text highlighting. Works nicely with React 0.14+ and stateless components

/* eslint-disable */
import test from 'tape';

import {createHighlight, createRegEx, createHTMLString} from '../../source/methods';


test('..CreateRegex function should work properly', t => {
  t.deepEqual(createRegEx("Foo", false), /Foo/gi, 'Return a case insensitive regex');
  t.deepEqual(createRegEx("Foo", true), /Foo/g, 'Return a case sensitive regex ');
  t.deepEqual(createRegEx("  Foo  ", true), /Foo/g, 'Passed string should be trimmed ');

  t.end();
});

test('..CreateHTMLString function should work properly', t => {
  const actual = createHTMLString("Foo Bar Baz", /Foo/g, "highlight");
  const expected =  '<span class="highlight">Foo</span> Bar Baz';

  t.equal(actual, expected, 'String include highlighted class');
  t.end()
});

test('..CreateHighlight function should work properly', nest => {
  const opts = {
    caseSensitive: true,
    highlightClass: 'highlight'
  };

  nest.test('When passed one matching word, return should include one hightlighted class', assert => {
    const actual = createHighlight('Foo', 'Foo bar baz', opts);
    const expected = '<span class="highlight">Foo</span> bar baz';

    assert.equal(actual, expected);
    assert.end();
  });

  nest.test('When passed three matching words, return should include three highlight classes', assert => {
    const actual = createHighlight('Foo bar baz', 'Foo bar baz', opts);
    const expected = '<span class="highlight">Foo</span> <span class="highlight">bar</span> <span class="highlight">baz</span>';

    assert.equal(actual, expected);
    assert.end();
  });

  nest.test('When passed zero matching words, return should not include highlight class', assert => {
    const actual = createHighlight('Foo bar baz', 'Lorem ipsum random', opts);
    const expected = 'Lorem ipsum random';

    assert.equal(actual, expected);
    assert.end();
  });

  nest.end()
});