Adds browser based CommonJS tests

Author: alexgorbatchev

src/core.js

@@ -254,6 +254,10 @@ let brushCounter = 0;
 
 export default sh;
 export const registerBrush = brush => sh.brushes['brush' + brushCounter++] = brush.default || brush;
+export const clearRegisteredBrushes = () => {
+  sh.brushes = {};
+  brushCounter = 0;
+}
 
 /* an EJS hook for `gulp build --brushes` command
  * <%- registerBrushes %>

tests/integration/commonjs.test.js

@@ -0,0 +1,46 @@
+import sizzle from 'sizzle';
+import {expect} from 'chai';
+import SyntaxHighlighter, {registerBrush, clearRegisteredBrushes} from '../..';
+import Brush from '../fixtures/test_brush_v4';
+
+function setupSyntaxHighlighter(html) {
+  let div;
+
+  before(done => {
+    registerBrush(Brush);
+
+    div = document.createElement('div');
+    div.innerHTML = html;
+    document.body.appendChild(div);
+
+    SyntaxHighlighter.highlight({gutter: false});
+
+    function wait() {
+      if (sizzle('.syntaxhighlighter').length) {
+        done();
+      } else {
+        setTimeout(wait, 900);
+      }
+    }
+
+    wait();
+  });
+
+  after(() => {
+    clearRegisteredBrushes();
+    document.body.removeChild(div);
+  });
+}
+
+describe('integration/commonjs', () => {
+  describe('first render pass', () => {
+    setupSyntaxHighlighter(`<pre class="brush: test_brush_v4;">first</pre>`);
+    it('has applied the brush', () => expect(sizzle('.syntaxhighlighter')[0].innerHTML).to.contain(`<code class="test_brush_v4 plain">first</code>`));
+    it('does not render gutter', () => expect(sizzle('.syntaxhighlighter td.gutter').length).to.equal(0));
+  });
+
+  describe('second render pass', () => {
+    setupSyntaxHighlighter(`<pre class="brush: test_brush_v4;">second</pre>`);
+    it('has applied the brush', () => expect(sizzle('.syntaxhighlighter')[0].innerHTML).to.contain(`<code class="test_brush_v4 plain">second</code>`));
+  });
+});

tests/karma/integration.conf.js

@@ -8,6 +8,7 @@ module.exports = function (config) {
       included: false,
     },
     'tests/integration/no-compat.test.js',
+    'tests/integration/commonjs.test.js',
   ];
 
   config.set(opts);

tests/unit/commonjs.test.js

@@ -1,15 +1,19 @@
 import {expect} from 'chai';
 import Brush from '../fixtures/test_brush_v4';
 
-describe('unit/commonjs', function() {
-  let brush;
+describe('unit/commonjs', () => {
   let html;
 
-  before(function() {
-    brush = new Brush();
-    html = brush.getHtml('hello foo bar world!');
-  });
+  describe('using a brush', () => {
+    let brush;
+
+    before(() => {
+      brush = new Brush();
+      html = brush.getHtml('hello foo bar world!', {gutter: false});
+    });
 
-  it('returns html', () => expect(html).to.be.ok);
-  it('renders content', () => expect(html).to.contain('<div class="line number1 index0 alt2"><code class="keyword">hello</code> <code class="plain">foo bar </code><code class="keyword">world</code><code class="plain">!</code></div>'));
+    it('returns html', () => expect(html).to.be.ok);
+    it('renders content', () => expect(html).to.contain('<div class="line number1 index0 alt2"><code class="keyword">hello</code> <code class="plain">foo bar </code><code class="keyword">world</code><code class="plain">!</code></div>'));
+    it('does not render gutter', () => expect(html).to.not.contain('class="gutter'));
+  });
 });