import { linkAnchor } from '../anchor';

const url = 'https://shop.test/kettles/';

describe('linkAnchor', () => {
  it('wraps the first plain-text occurrence', () => {
    expect(
      linkAnchor(
        '<p>A cast iron kettle keeps tea warm.</p>',
        'cast iron kettle',
        url
      )
    ).toBe(`<p>A <a href="${url}">cast iron kettle</a> keeps tea warm.</p>`);
  });

  it('keeps the text as it was written', () => {
    expect(
      linkAnchor(
        '<p>The Cast  Iron Kettle is heavy.</p>',
        'cast iron kettle',
        url
      )
    ).toBe(`<p>The <a href="${url}">Cast  Iron Kettle</a> is heavy.</p>`);
  });

  it('ignores accents on either side', () => {
    expect(
      linkAnchor(
        '<p>Un ceainic din fontă e greu.</p>',
        'ceainic din fonta',
        url
      )
    ).toBe(`<p>Un <a href="${url}">ceainic din fontă</a> e greu.</p>`);
  });

  it('never links inside a link or a heading', () => {
    expect(
      linkAnchor(
        '<h2>Cast iron kettle</h2><p>An <a href="/other">cast iron kettle</a> and a cast iron kettle.</p>',
        'cast iron kettle',
        url
      )
    ).toBe(
      `<h2>Cast iron kettle</h2><p>An <a href="/other">cast iron kettle</a> and a <a href="${url}">cast iron kettle</a>.</p>`
    );
  });

  it('does not match inside a tag or a block comment', () => {
    expect(
      linkAnchor(
        '<!-- wp:image {"alt":"cast iron kettle"} --><img alt="cast iron kettle"><!-- /wp:image -->',
        'cast iron kettle',
        url
      )
    ).toBeNull();
  });

  it('answers null when the anchor is not there', () => {
    expect(
      linkAnchor('<p>Teapots only.</p>', 'cast iron kettle', url)
    ).toBeNull();
    expect(linkAnchor('<p>Anything.</p>', '  ', url)).toBeNull();
  });
});