/* eslint-env jest */
import { loneImagesAsFigures, withToc } from '../blocks';

// The block API ships as ES modules Jest does not transform; nothing here
// parses blocks.
jest.mock('@wordpress/blocks', () => ({}));

describe('a picture alone in a paragraph', () => {
  it('becomes a figure, so no empty paragraph is left behind', () => {
    expect(
      loneImagesAsFigures(
        '<p>Text</p><p>\n<img src="a.jpg" alt="A skillet" />\n</p><p class="x"><a href="b.jpg"><img src="b.jpg"></a></p>'
      )
    ).toBe(
      '<p>Text</p><figure><img src="a.jpg" alt="A skillet" /></figure><figure><a href="b.jpg"><img src="b.jpg"></a></figure>'
    );
  });

  it('stays in a paragraph that has words around it', () => {
    const html = '<p>Look <img src="a.jpg" alt=""> here</p>';
    expect(loneImagesAsFigures(html)).toBe(html);
  });
});

describe('the table of contents added from its test', () => {
  it('goes after the first paragraph, or on top without one', () => {
    const content =
      '<!-- wp:paragraph -->\n<p>Lead.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>One</h2>\n<!-- /wp:heading -->';
    expect(withToc(content)).toBe(
      '<!-- wp:paragraph -->\n<p>Lead.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:recomaze/toc /-->\n\n<!-- wp:heading -->\n<h2>One</h2>\n<!-- /wp:heading -->'
    );
    expect(
      withToc('<!-- wp:heading -->\n<h2>One</h2>\n<!-- /wp:heading -->')
    ).toBe(
      '<!-- wp:recomaze/toc /-->\n\n<!-- wp:heading -->\n<h2>One</h2>\n<!-- /wp:heading -->'
    );
  });
});