import { toc } from './toc';
import { run, parse } from '../api';
import { html } from 'typed-dom/dom';

describe('Unit: util/toc', () => {
  describe('toc', () => {
    it('empty', () => {
      assert.strictEqual(
        toc(run(parse(''))).outerHTML,
        html('ul').outerHTML);
    });

    it('1', () => {
      assert.strictEqual(
        toc(run(parse('# 1'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1')]),
        ]).outerHTML);
    });

    it('1a', () => {
      assert.strictEqual(
        toc(run(parse('# 1\n\na'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1')]),
        ]).outerHTML);
    });

    it('11', () => {
      assert.strictEqual(
        toc(run(parse('# 1\n\n# 2'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1')]),
          html('li', [html('a', { href: '#index::2', 'data-index': '2' }, '2')]),
        ]).outerHTML);
    });

    it('12', () => {
      assert.strictEqual(
        toc(run(parse('# 1\n\n## 2'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1'),
            html('ul', [
              html('li', [html('a', { href: '#index::2', 'data-index': '1.1' }, '2')]),
            ]),
          ]),
        ]).outerHTML);
    });

    it('121', () => {
      assert.strictEqual(
        toc(run(parse('# 1\n\n## 2\n\n# 3'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1'),
            html('ul', [
              html('li', [html('a', { href: '#index::2', 'data-index': '1.1' }, '2')]),
            ]),
          ]),
          html('li', [html('a', { href: '#index::3', 'data-index': '2' }, '3')]),
        ]).outerHTML);
    });

    it('1232', () => {
      assert.strictEqual(
        toc(run(parse('# 1\n\n## 2\n\n### 3\n\n## 4'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1'),
            html('ul', [
              html('li', [html('a', { href: '#index::2', 'data-index': '1.1' }, '2'),
                html('ul', [
                  html('li', [html('a', { href: '#index::3', 'data-index': '1.1.1' }, '3')]),
                ]),
              ]),
              html('li', [html('a', { href: '#index::4', 'data-index': '1.2' }, '4')]),
            ]),
          ]),
        ]).outerHTML);
    });

    it('1231', () => {
      assert.strictEqual(
        toc(run(parse('# 1\n\n## 2\n\n### 3\n\n# 4'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1'),
            html('ul', [
              html('li', [html('a', { href: '#index::2', 'data-index': '1.1' }, '2'),
                html('ul', [
                  html('li', [html('a', { href: '#index::3', 'data-index': '1.1.1' }, '3')]),
                ]),
              ]),
            ]),
          ]),
          html('li', [html('a', { href: '#index::4', 'data-index': '2' }, '4')]),
        ]).outerHTML);
    });

    it('132', () => {
      assert.strictEqual(
        toc(run(parse('# 1\n\n### 2\n\n## 3'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1'),
            html('ul', [
              html('li', [html('a', { href: '#index::2', 'data-index': '1.1' }, '2')]),
              html('li', [html('a', { href: '#index::3', 'data-index': '1.2' }, '3')]),
            ]),
          ]),
        ]).outerHTML);
    });

    it('212', () => {
      assert.strictEqual(
        toc(run(parse('## 1\n\n# 2\n\n## 3'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1', 'data-index': '1' }, '1')]),
          html('li', [html('a', { href: '#index::2', 'data-index': '2' }, '2'),
            html('ul', [
              html('li', [html('a', { href: '#index::3', 'data-index': '2.1' }, '3')]),
            ]),
          ]),
        ]).outerHTML);
    });

    it('A12A2', () => {
      assert.strictEqual(
        toc(run(parse('~~~aside\n# 1\n~~~\n\n# 2\n\n## 3\n\n~~~aside\n## 4\n~~~\n\n## 5'))).outerHTML,
        html('ul', [
          html('li', [html('a', { href: '#index::1' }, '1')]),
          html('li', [html('a', { href: '#index::2', 'data-index': '1' }, '2'),
            html('ul', [
              html('li', [html('a', { href: '#index::3', 'data-index': '1.1' }, '3')]),
              html('li', [html('a', { href: '#index::4' }, '4')]),
              html('li', [html('a', { href: '#index::5', 'data-index': '1.2' }, '5')]),
            ]),
          ]),
        ]).outerHTML);
    });

  });

});