diff --git a/test/specs/css_composer/view/CssRuleView.js b/test/specs/css_composer/view/CssRuleView.js index c827e29fe..757b7feb0 100644 --- a/test/specs/css_composer/view/CssRuleView.js +++ b/test/specs/css_composer/view/CssRuleView.js @@ -3,32 +3,25 @@ var CssRule = require('css_composer/model/CssRule'); module.exports = { run() { - describe('CssRuleView', () => { + describe.only('CssRuleView', () => { let obj; - - before(function () { - this.$fixtures = $("#fixtures"); - this.$fixture = $('
'); - }); + let fixtures; beforeEach(function () { var m = new CssRule(); obj = new CssRuleView({ model: m }); - this.$fixture.empty().appendTo(this.$fixtures); - this.$fixture.html(obj.render().el); + document.body.innerHTML = ''; + fixtures = document.body.querySelector('#fixtures'); + fixtures.appendChild(obj.render().el); }); afterEach(() => { obj.model.destroy(); }); - after(function () { - this.$fixture.remove(); - }); - it('Object exists', () => { expect(CssRuleView).toExist(); }); @@ -54,12 +47,12 @@ module.exports = { }); it('Empty style inside', function() { - expect(this.$fixture.html()).toEqual(''); + expect(fixtures.innerHTML).toEqual(''); }); it('On update of style always empty as there is no selectors', function() { obj.model.set('style', {'prop':'value'}); - expect(this.$fixture.html()).toEqual(''); + expect(fixtures.innerHTML).toEqual(''); }); describe('CssRuleView with selectors', () => { @@ -74,6 +67,9 @@ module.exports = { model: m }); objReg.render(); + document.body.innerHTML = ''; + fixtures = document.body.querySelector('#fixtures'); + fixtures.appendChild(objReg.el); }); afterEach(() => {