diff --git a/test/helper.js b/test/helper.js index 1a7db08bc..f2952fe0e 100644 --- a/test/helper.js +++ b/test/helper.js @@ -3,7 +3,10 @@ import expect from 'expect'; import sinon from 'sinon'; import { JSDOM } from 'jsdom'; -const dom = new JSDOM(''); +const dom = new JSDOM('', { + resources: 'usable', + pretendToBeVisual: true +}); const window = dom.window; // Fix for the require of jquery @@ -28,6 +31,7 @@ var localStorage = { } }; +global.dom = dom; global.window = window; global.document = window.document; global.FormData = window.FormData; diff --git a/test/specs/grapesjs/index.js b/test/specs/grapesjs/index.js index 8753d1dbf..d5c9fd8fd 100644 --- a/test/specs/grapesjs/index.js +++ b/test/specs/grapesjs/index.js @@ -79,19 +79,30 @@ describe('GrapesJS', () => { expect(editor.getStyle().length).toEqual(0); }); - // FIXME: remove .only - it.only('Editor canvas baseCSS can be overwritten', done => { + it('Editor canvas baseCSS can be overwritten', () => { config.components = htmlString; - config.baseCss = '#wrapper { background-color: #fff; }'; + config.baseCss = '#wrapper { background-color: #eee; }'; + config.protectedCss = ''; + var editor = obj.init(config); - const frame = editor.Canvas.getFrameEl(); - console.log(frame); - frame.onload = () => { - // FIXME: this never fires - console.log(frame.contentDocument.outerHTML); - done(); - }; + expect(window.frames[0].document.documentElement.outerHTML).toInclude( + config.baseCss + ); + expect(window.frames[0].document.documentElement.outerHTML) + .toNotInclude(`body { + margin: 0;`); + }); + + it('Editor canvas baseCSS defaults to sensible values if not defined', () => { + config.components = htmlString; + config.protectedCss = ''; + + var editor = obj.init(config); + + expect(window.frames[0].document.documentElement.outerHTML) + .toInclude(`body { + margin: 0;`); }); it('Init editor with html', () => {