import { diff } from 'jest-diff';
import CherryEngine from '../../src/index.engine.core';
import suites from '../suites/commonmark.spec.json';

const cherryEngine = new CherryEngine({
  engine: {
    global: {
      classicBr: false
    },
    syntax: {
      header: {
        anchorStyle: 'none',
      },
    }
  }
});

const cleanHTML = (raw) => {
  // 处理换行回车
  let html = raw.replace(/\s*<br>\s*/gm, '\n');
  html = html.replace(/(?<=>)\n(?=<)/gm, '');
  // 清理属性
  html = html.replace(/(?<=<)([^\/\s>]+)[^<]*?(?=>)/gm, (match, tag) => tag);
  return html;
}

const formatOutput = (message, input, standard, result) => {
  return `
    ${message}
    input: ${input}
    standard: ${standard}
    cherry: ${result}
  `
}

expect.extend({
  matchHTML(result, standard, input) {
    const resultHTML = cleanHTML(result);
    const standandHTML = cleanHTML(standard)
    const pass = standandHTML === resultHTML;
    const message = diff(standandHTML, resultHTML);
    return {
      pass,
      message: () => formatOutput(message, input, standard, result),
    };
  },
});

describe('engine', () => {
  suites.forEach((item, index) => {
    test(`commonmark-${index}`, () => {
    // @ts-ignore
      expect(cherryEngine.makeHtml(item.markdown)).matchHTML(item.html, item.markdown);
    });
  });
});