react-markdown-loader/test/build.spec.js

Webpack loader to render React Components from markdown

'use strict';

const fs = require('fs');
const path = require('path');
const build = require('../src/build.js');
const parser = require('../src/parser.js');

describe('Build Component', () => {
  let component = '';
  const mdFile = path.join(__dirname, './examples/hello-world.md');

  beforeAll((done) => {
    fs.readFile(mdFile, 'utf8', (err, data) => {
      if (err) {
        return done(err);
      }

      parser
        .parse(data)
        .then((html) => {
          component = build(html);
          done();
        })
        .catch(done);
    });
  });

  it('add React import', () => {
    expect(component).toMatch(/import React from 'react';\n/);
  });

  it('add component imports', () => {
    expect(component).toMatch(/import Button from '.\/button.js';\n/);
    expect(component).toMatch(/import HelloWorld from '.\/hello-world.js';\n/);
  });

  it('exports the front-matter attributes', () => {
    expect(component).toMatch(/export const attributes = {"testFrontMatter":"hello world"}/);
  });
});