chore: Replace mocha and chai for jest

Author: fernandopasik

.gitignore

@@ -24,4 +24,3 @@ dist
 
 # project files
 coverage
-.nyc_output

package.json

@@ -25,25 +25,22 @@
     "build": "npm run -s lint && npm test",
     "start": "npm run watch",
     "lint": "eslint .",
-    "test": "nyc mocha",
-    "pretest": "rm -rf coverage .nyc_output",
+    "test": "jest --coverage",
+    "pretest": "rm -rf coverage",
     "travis": "npm run -s build",
     "watch": "watch 'npm run -s build' src/ test/"
   },
   "dependencies": {
     "camelize": "^1.0.0",
     "except": "^0.1.3",
     "front-matter": "^2.1.2",
+    "jest": "^20.0.0",
     "node-prismjs": "^0.1.0",
     "remarkable": "^1.7.1"
   },
   "devDependencies": {
-    "chai": "^3.5.0",
-    "dirty-chai": "^1.2.2",
     "eslint": "^3.19.0",
     "eslint-config-fernandopasik": "^0.5.1",
-    "mocha": "^3.3.0",
-    "nyc": "10.3.2",
     "watch": "^1.0.2"
   },
   "engines": {

test/.eslintrc

@@ -1,8 +1,5 @@
 {
   "env": {
-    "mocha": true
-  },
-  "globals": {
-    "expect": true
+    "jest": true
   }
 }

test/build.spec.js

@@ -11,7 +11,7 @@ describe('Build Component', () => {
   let component = '';
   const mdFile = path.join(__dirname, './examples/hello-world.md');
 
-  before(done => {
+  beforeAll(done => {
     fs.readFile(mdFile, 'utf8', (err, data) => {
       if (err) {
         return done(err);
@@ -28,16 +28,16 @@ describe('Build Component', () => {
   });
 
   it('add React import', () => {
-    component.should.contain('import React from \'react\';\n');
+    expect(component).toMatch(/import React from 'react';\n/);
   });
 
   it('add component imports', () => {
-    component.should.contain('import Button from \'./button.js\';\n');
-    component.should.contain('import HelloWorld from \'./hello-world.js\';\n');
+    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', () => {
-    component.should.contain('export const attributes = {"testFrontMatter":"hello world"}');
+    expect(component).toMatch(/export const attributes = {"testFrontMatter":"hello world"}/);
   });
 
 });

test/index.spec.js

@@ -10,7 +10,7 @@ describe('React Markdown Loader', () => {
   let mdExample = '';
   const mdFile = path.join(__dirname, './examples/hello-world.md');
 
-  before(done => {
+  beforeAll(done => {
     fs.readFile(mdFile, 'utf8', (err, data) => {
       if (err) {
         return done(err);
@@ -25,7 +25,7 @@ describe('React Markdown Loader', () => {
     // eslint-disable-next-line prefer-reflect
     loader.call({
       async: err => {
-        expect(err).to.not.exist();
+        expect(err).not.toBeDefined();
         done();
       }
     }, mdExample);

test/mocha.opts

@@ -10,7 +10,7 @@ describe('Parse Markdown', () => {
   let mdExample = '';
   const mdFile = path.join(__dirname, './examples/hello-world.md');
 
-  before(done => {
+  beforeAll(done => {
     fs.readFile(mdFile, 'utf8', (err, data) => {
       if (err) {
         return done(err);
@@ -23,24 +23,23 @@ describe('Parse Markdown', () => {
 
   it('extracts front matter from markdown', () => {
     const result = parser.parseFrontMatter(mdExample);
-    result.should.have.property('attributes');
-    result.should.have.property('body');
+    expect(result).toHaveProperty('attributes');
+    expect(result).toHaveProperty('body');
   });
 
   it('front matter attributes should contain imports object', () => {
     const result = parser.parseFrontMatter(mdExample);
-    result.attributes.should.have.property('imports');
-    result.attributes.imports.should.be.a('object');
-    result.attributes.imports.should
-      .deep.equal({ Button: './button.js', HelloWorld: './hello-world.js' });
+    expect(result.attributes).toHaveProperty('imports');
+    expect(result.attributes.imports).toBeInstanceOf(Object);
+    expect(result.attributes.imports).toEqual({ Button: './button.js', HelloWorld: './hello-world.js' });
   });
 
   it('example code blocks have run and source code', () => {
     const
       exampleCode = 'example',
       result = parser.codeBlockTemplate(exampleCode, exampleCode);
 
-    result.should.equal(`
+    expect(result).toEqual(`
 <div class="example">
   <div class="run">example</div>
   <div class="source">
@@ -51,32 +50,22 @@ describe('Parse Markdown', () => {
 </div>`);
   });
 
-  it('parses markdown with live code blocks', done => {
+  it('parses markdown with live code blocks', () =>
     parser.parse(mdExample).then(result => {
-      result.html.should.contain(`<div class="run"><HelloWorld />
-<Button label="Hello World" />
-</div>`);
+      expect(result.html).toMatch(/<div class="run"><HelloWorld \/>\s*<Button label="Hello World" \/>\s*<\/div>/);
     })
-    .then(done)
-    .catch(done);
-  });
+  );
 
-  it('parses markdown and created valid html for JSX', done => {
-    const
-      exampleCode = '![](myImage.png)';
-    parser.parse(exampleCode).then(result => {
-      result.html.should.equal('<p><img src="myImage.png" alt="" /></p>\n');
+  it('parses markdown and created valid html for JSX', () =>
+    parser.parse('![](myImage.png)').then(result => {
+      expect(result.html).toMatch(/<p><img src="myImage.png" alt="" \/><\/p>\n/);
     })
-    .then(done)
-    .catch(done);
-  });
+  );
 
-  it('provides the front-matter attributes', done => {
+  it('provides the front-matter attributes', () =>
     parser.parse(mdExample).then(result => {
-      result.attributes['test-front-matter'].should.equal('hello world');
+      expect(result.attributes).toHaveProperty('test-front-matter', 'hello world');
     })
-    .then(done)
-    .catch(done);
-  });
+  );
 
 });