diff --git a/test/specs/style_manager/view/PropertyCompositeView.js b/test/specs/style_manager/view/PropertyCompositeView.js index 57b772446..b6c3ac51d 100644 --- a/test/specs/style_manager/view/PropertyCompositeView.js +++ b/test/specs/style_manager/view/PropertyCompositeView.js @@ -9,8 +9,7 @@ module.exports = { describe('PropertyCompositeView', () => { var component; - var $fixtures; - var $fixture; + var fixtures; var target; var model; var view; @@ -35,11 +34,6 @@ module.exports = { ] }]; - before(() => { - $fixtures = $("#fixtures"); - $fixture = $('
'); - }); - beforeEach(() => { target = new Component(); component = new Component(); @@ -52,17 +46,13 @@ module.exports = { view = new PropertyCompositeView({ model }); - $fixture.empty().appendTo($fixtures); + document.body.innerHTML = '
'; + fixtures = document.body.firstChild; view.render(); - $fixture.html(view.el); - }); - - afterEach(() => { - //view.remove(); // strange errors ??? + fixtures.appendChild(view.el); }); after(() => { - $fixture.remove(); component = null; view = null; model = null; @@ -70,7 +60,7 @@ module.exports = { it('Rendered correctly', () => { var prop = view.el; - expect($fixture.get(0).querySelector('.property')).toExist(); + expect(fixtures.querySelector('.property')).toExist(); expect(prop.querySelector('.label')).toExist(); expect(prop.querySelector('.field')).toExist(); }); @@ -82,7 +72,7 @@ module.exports = { it('Properties rendered correctly', () => { var children = view.el.querySelector('.properties').children; - expect(children.length).toEqual(properties.length + 1); + expect(children.length).toEqual(properties.length); expect(children[0].id).toEqual(properties[0].property); expect(children[1].id).toEqual(properties[1].property); expect(children[2].id).toEqual(properties[2].property); @@ -122,9 +112,9 @@ module.exports = { model, propTarget: target }); - $fixture.empty().appendTo($fixtures); + fixtures.innerHTML = ''; view.render(); - $fixture.html(view.el); + fixtures.appendChild(view.el); prop2Val = properties[1].defaults; prop2Unit = properties[1].units[0]; prop3Val = properties[2].list[2].value; @@ -165,8 +155,9 @@ module.exports = { model, propTarget: target }); + fixtures.innerHTML = ''; view.render(); - $fixture.html(view.el); + fixtures.appendChild(view.el); $prop1 = view.$props.find('#' + properties[0].property + ' input'); $prop1.val(propValue).trigger('change'); var compStyle = view.getTarget().get('style'); @@ -226,9 +217,9 @@ module.exports = { view = new PropertyCompositeView({ model }); - $fixture.empty().appendTo($fixtures); + fixtures.innerHTML = ''; view.render(); - $fixture.html(view.el); + fixtures.appendChild(view.el); }); it('Value as default', () => {