medium-to-markdown/node_modules/to-markdown/test/gfm-test.js

/* global QUnit, test, equal */

'use strict'

if (typeof module !== 'undefined' && module.exports) {
  var toMarkdown = require('../index')
}

QUnit.module('GitHub Flavored Markdown')

// Test cases are in the format: [html, expectedMarkdown, message]
function runGfmTestCases (testCases) {
  for (var i = 0; i < testCases.length; i++) {
    var testCase = testCases[i]
    equal(toMarkdown(testCase[0], { gfm: true }), testCase[1], testCase[2])
  }
}

test('line breaks', function () {
  runGfmTestCases([
    ['<p>Hello<br>world</p>', 'Hello\nworld']
  ])
})

test('strikethroughs', function () {
  runGfmTestCases([
    ['<del>Lorem ipsum</del>', '~~Lorem ipsum~~', 'del'],
    ['<s>Lorem ipsum</s>', '~~Lorem ipsum~~', 's'],
    ['<strike>Lorem ipsum</strike>', '~~Lorem ipsum~~', 'strike']
  ])
})

test('task lists', function () {
  runGfmTestCases([
    [
      '<ul><li><input type=checkbox>Check Me!</li></ul>',
      '*   [ ] Check Me!',
      'Unchecked inputs'
    ],
    [
      '<ul><li><input type=checkbox checked>Checked!</li></ul>',
      '*   [x] Checked!',
      'Checked inputs'
    ]
  ])
})

test('tables', function () {
  runGfmTestCases([
    [
      ['<table>',
        '  <thead>',
        '    <tr>',
        '      <th>Column 1</th>',
        '      <th>Column 2</th>',
        '    </tr>',
        '  </thead>',
        '  <tbody>',
        '    <tr>',
        '      <td>Row 1, Column 1</td>',
        '      <td>Row 1, Column 2</td>',
        '    </tr>',
        '    <tr>',
        '      <td>Row 2, Column 1</td>',
        '      <td>Row 2, Column 2</td>',
        '    </tr>',
        '  </tbody',
        '</table>'].join('\n'),

      ['| Column 1 | Column 2 |',
        '| --- | --- |',
        '| Row 1, Column 1 | Row 1, Column 2 |',
        '| Row 2, Column 1 | Row 2, Column 2 |'].join('\n'),

      'Basic table'
    ],
    [
      ['<table>',
        '  <thead>',
        '    <tr>',
        '      <th align="left">Column 1</th>',
        '      <th align="center">Column 2</th>',
        '      <th align="right">Column 3</th>',
        '      <th align="foo">Column 4</th>',
        '    </tr>',
        '  </thead>',
        '  <tbody>',
        '    <tr>',
        '      <td>Row 1, Column 1</td>',
        '      <td>Row 1, Column 2</td>',
        '      <td>Row 1, Column 3</td>',
        '      <td>Row 1, Column 4</td>',
        '    </tr>',
        '    <tr>',
        '      <td>Row 2, Column 1</td>',
        '      <td>Row 2, Column 2</td>',
        '      <td>Row 2, Column 3</td>',
        '      <td>Row 2, Column 4</td>',
        '    </tr>',
        '  </tbody',
        '</table>'].join('\n'),

      ['| Column 1 | Column 2 | Column 3 | Column 4 |',
        '| :-- | :-: | --: | --- |',
        '| Row 1, Column 1 | Row 1, Column 2 | Row 1, Column 3 | Row 1, Column 4 |',
        '| Row 2, Column 1 | Row 2, Column 2 | Row 2, Column 3 | Row 2, Column 4 |'].join('\n'),

      'Cell alignment'
    ],
    [
      ['<table>',
        '  <thead>',
        '    <tr>',
        '      <th align="left">Column 1</th>',
        '      <th align="center">Column 2</th>',
        '      <th align="right">Column 3</th>',
        '      <th align="foo">Column 4</th>',
        '    </tr>',
        '  </thead>',
        '  <tbody>',
        '    <tr>',
        '      <td></td>',
        '      <td>Row 1, Column 2</td>',
        '      <td>Row 1, Column 3</td>',
        '      <td>Row 1, Column 4</td>',
        '    </tr>',
        '    <tr>',
        '      <td>Row 2, Column 1</td>',
        '      <td></td>',
        '      <td>Row 2, Column 3</td>',
        '      <td>Row 2, Column 4</td>',
        '    </tr>',
        '    <tr>',
        '      <td>Row 3, Column 1</td>',
        '      <td>Row 3, Column 2</td>',
        '      <td></td>',
        '      <td>Row 3, Column 4</td>',
        '    </tr>',
        '    <tr>',
        '      <td>Row 4, Column 1</td>',
        '      <td>Row 4, Column 2</td>',
        '      <td>Row 4, Column 3</td>',
        '      <td></td>',
        '    </tr>',
        '    <tr>',
        '      <td></td>',
        '      <td></td>',
        '      <td></td>',
        '      <td>Row 5, Column 4</td>',
        '    </tr>',
        '  </tbody',
        '</table>'].join('\n'),
      ['| Column 1 | Column 2 | Column 3 | Column 4 |',
        '| :-- | :-: | --: | --- |',
        '|  | Row 1, Column 2 | Row 1, Column 3 | Row 1, Column 4 |',
        '| Row 2, Column 1 |  | Row 2, Column 3 | Row 2, Column 4 |',
        '| Row 3, Column 1 | Row 3, Column 2 |  | Row 3, Column 4 |',
        '| Row 4, Column 1 | Row 4, Column 2 | Row 4, Column 3 |  |',
        '|  |  |  | Row 5, Column 4 |'
      ].join('\n'),
      'Empty cells'
    ]
  ])
})

test('fenced code blocks', function () {
  runGfmTestCases([
    [
      ['<pre><code>This is a regular paragraph.',
        '',
        '&lt;table&gt;',
        '    &lt;tr&gt;',
        '        &lt;td&gt;Foo&lt;/td&gt;',
        '    &lt;/tr&gt;',
        '&lt;/table&gt;',
        '',
        'This is another regular paragraph.',
        '</code></pre>'].join('\n'),

      ['```',
        'This is a regular paragraph.',
        '',
        '<table>',
        '    <tr>',
        '        <td>Foo</td>',
        '    </tr>',
        '</table>',
        '',
        'This is another regular paragraph.',
        '',
        '```'].join('\n')
    ]
  ])
})

test('syntax highlighting', function () {
  runGfmTestCases([
    [
      ['<div class="highlight highlight-html"><pre>&lt;<span class="pl-ent">table</span>&gt;',
        '    &lt;<span class="pl-ent">tr</span>&gt;',
        '        &lt;<span class="pl-ent">td</span>&gt;Foo&lt;/<span class="pl-ent">td</span>&gt;',
        '    &lt;/<span class="pl-ent">tr</span>&gt;',
        '&lt;/<span class="pl-ent">table</span>&gt;</pre></div>'].join('\n'),

      ['```html',
        '<table>',
        '    <tr>',
        '        <td>Foo</td>',
        '    </tr>',
        '</table>',
        '```'].join('\n'),

      'HTML'
    ]
  ])
})