import Heading from '~/content_editor/extensions/heading';
import { createTestEditor, createDocBuilder, triggerNodeInputRule } from '../test_utils';

describe('content_editor/extensions/heading', () => {
  let tiptapEditor;
  let doc;
  let p;
  let heading;

  beforeEach(() => {
    tiptapEditor = createTestEditor({ extensions: [Heading] });
    ({
      builders: { doc, p, heading },
    } = createDocBuilder({
      tiptapEditor,
      names: {
        heading: { nodeType: Heading.name },
      },
    }));
  });

  describe('when typing a valid heading input rule', () => {
    it.each`
      level | inputRuleText
      ${1}  | ${'# '}
      ${2}  | ${'## '}
      ${3}  | ${'### '}
      ${4}  | ${'#### '}
      ${5}  | ${'##### '}
      ${6}  | ${'###### '}
    `('inserts a heading node for $inputRuleText', ({ level, inputRuleText }) => {
      const expectedDoc = doc(heading({ level }));

      triggerNodeInputRule({ tiptapEditor, inputRuleText });

      expect(tiptapEditor.getJSON()).toEqual(expectedDoc.toJSON());
    });
  });

  describe('when typing a invalid heading input rule', () => {
    it.each`
      inputRuleText
      ${'#hi'}
      ${'#\n'}
    `('does not insert a heading node for $inputRuleText', ({ inputRuleText }) => {
      const expectedDoc = doc(p());

      triggerNodeInputRule({ tiptapEditor, inputRuleText });

      // no change to the document
      expect(tiptapEditor.getJSON()).toEqual(expectedDoc.toJSON());
    });
  });
});