Fix component tests to use harness.renderDom

derbyjs · Jul 8, 2024 · 7aaa5ad · 7aaa5ad
1 parent 7cd3c42
commit 7aaa5ad
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/test/dom/components.browser.mocha.js b/test/dom/components.browser.mocha.js
@@ -94,9 +94,8 @@ describe('components', function() {
       options = options || {};
 
       it('calls a function once with `this` being the component', function(done) {
-        const { app } = runner.createHarness();
-        var page = app.createPage();
-        app.views.register('Body', '<view is="box" as="box"></view>');
+        const harness = runner.createHarness( '<view is="box" as="box"></view>');
+        const { app } = harness;
         app.views.register('box', '<div></div>');
         var called = false;
         var update = function() {
@@ -110,6 +109,7 @@ describe('components', function() {
           this.update = getFn.call(this, update);
         };
         app.component('box', Box);
+        const page = harness.renderDom();
         var box = page.box;
         box.update();
         box.update();
@@ -118,9 +118,8 @@ describe('components', function() {
       });
 
       it('resets and calls again', function(done) {
-        const { app } = runner.createHarness();
-        var page = app.createPage();
-        app.views.register('Body', '<view is="box" as="box"></view>');
+        const harness = runner.createHarness( '<view is="box" as="box"></view>');
+        const { app } = harness;
         app.views.register('box', '<div></div>');
         var called = false;
         var box;
@@ -143,16 +142,16 @@ describe('components', function() {
           this.update = getFn.call(this, update);
         };
         app.component('box', Box);
+        const page = harness.renderDom();
         box = page.box;
         box.update();
         box.update();
         box.update();
       });
 
       it('calls with the most recent arguments', function(done) {
-        const { app } = runner.createHarness();
-        var page = app.createPage();
-        app.views.register('Body', '<view is="box" as="box"></view>');
+        const harness = runner.createHarness( '<view is="box" as="box"></view>');
+        const { app } = harness;
         app.views.register('box', '<div></div>');
         var called = false;
         var box;
@@ -181,6 +180,7 @@ describe('components', function() {
           this.update = getFn.call(this, update);
         };
         app.component('box', Box);
+        const page = harness.renderDom();
         box = page.box;
         box.update('a', 1);
         box.update('b', 2);