ember-inspector 4.13.1-alpha.2025.9.9 → 4.15.0

package/tests/ember_debug/profile-manager-test.js

@@ -7,14 +7,18 @@ import EmberRoute from '@ember/routing/route';
 import Controller from '@ember/controller';
 import { module, test } from 'qunit';
 import { hbs } from 'ember-cli-htmlbars';
-import EmberDebug from 'ember-debug/main';
 import setupEmberDebugTest from '../helpers/setup-ember-debug-test';
 import { run } from '@ember/runloop';
-import { VERSION } from 'ember-debug/ember';
+
+import EmberDebugImport from 'ember-debug/main';
+import EmberImport from 'ember-debug/ember';
+
 import { compareVersion } from 'ember-debug/version';
 import { setComponentTemplate } from '@ember/component';
 
-const isComponentHighlightSupported = compareVersion(VERSION, '3.20.0') !== -1;
+let EmberDebug;
+
+let isComponentHighlightSupported;
 
 const getRounded = (value) => {
   let data = value;
@@ -384,6 +388,12 @@ async function highlightsPromise(testedRoute, isGlimmerComponent) {
 }
 
 module('Ember Debug - profile manager component highlight', function (hooks) {
+  hooks.before(async function () {
+    EmberDebug = (await EmberDebugImport).default;
+    let VERSION = (await EmberImport).VERSION;
+    isComponentHighlightSupported = compareVersion(VERSION, '3.20.0') !== -1;
+  });
+
   setupEmberDebugTest(hooks, {
     routes() {
       this.route('home');

package/tests/ember_debug/profile-node-test.js

@@ -1,7 +1,11 @@
 import { module, test } from 'qunit';
-import ProfileNode from 'ember-debug/profile-node';
+import ProfileNodeImport from 'ember-debug/profile-node';
+let ProfileNode;
 
-module('Ember Debug - ProfileNode', function () {
+module('Ember Debug - ProfileNode', function (hooks) {
+  hooks.before(async function () {
+    ProfileNode = (await ProfileNodeImport).default;
+  });
   test('It can create a ProfileNode', function (assert) {
     let p = new ProfileNode(1001, { template: 'application' });
 

package/tests/ember_debug/promise-assembler-test.js

@@ -2,7 +2,8 @@ import { run } from '@ember/runloop';
 import Evented from '@ember/object/evented';
 import EmberObject from '@ember/object';
 import { module, test } from 'qunit';
-import PromiseAssembler from 'ember-debug/promise-assembler';
+import PromiseAssemblerImport from 'ember-debug/promise-assembler';
+let PromiseAssembler;
 
 let assembler;
 
@@ -21,6 +22,10 @@ function startAssembler() {
 }
 
 module('Ember Debug - PromiseAssembler', function (hooks) {
+  hooks.before(async () => {
+    PromiseAssembler = (await PromiseAssemblerImport).default;
+  });
+
   hooks.beforeEach(() => {
     stubRSVP();
     // eslint-disable-next-line ember/no-runloop

package/tests/ember_debug/promise-debug-test.js

@@ -5,9 +5,11 @@ import { A as emberA } from '@ember/array';
 import RSVP from 'rsvp';
 import { module, skip, test } from 'qunit';
 import { settled } from '@ember/test-helpers';
-import EmberDebug from 'ember-debug/main';
 import setupEmberDebugTest from '../helpers/setup-ember-debug-test';
-import Port from 'ember-debug/port';
+
+import EmberDebugImport from 'ember-debug/main';
+
+let EmberDebug;
 
 // RSVP instrumentation is out of band (50 ms delay)
 async function rsvpDelay() {
@@ -18,17 +20,20 @@ async function rsvpDelay() {
 module('Ember Debug - Promise Debug', function (hooks) {
   let name, message;
 
-  setupEmberDebugTest(hooks, {
-    Port: class extends Port {
-      init() {}
+  hooks.before(async function () {
+    EmberDebug = (await EmberDebugImport).default;
+  });
+
+  setupEmberDebugTest(hooks);
+
+  hooks.beforeEach(async function () {
+    EmberDebug.port.reopen({
       send(n, m) {
         name = n;
         message = m;
-      }
-    },
-  });
+      },
+    });
 
-  hooks.beforeEach(async function () {
     EmberDebug.promiseDebug.reopen({
       delay: 5,
       session: {

package/tests/ember_debug/render-debug-test.js

@@ -1,9 +1,16 @@
 import { settled, visit } from '@ember/test-helpers';
 import { module, test } from 'qunit';
 import setupEmberDebugTest from '../helpers/setup-ember-debug-test';
-import EmberDebug from 'ember-debug/main';
+
+import EmberDebugImport from 'ember-debug/main';
+
+let EmberDebug;
 
 module('Ember Debug - Render Debug', function (hooks) {
+  hooks.before(async function () {
+    EmberDebug = (await EmberDebugImport).default;
+  });
+
   setupEmberDebugTest(hooks, {
     routes: function () {
       this.route('simple');

package/tests/ember_debug/route-debug-test.js

@@ -4,13 +4,18 @@ import { run } from '@ember/runloop';
 import Route from '@ember/routing/route';
 import { module, test } from 'qunit';
 import setupEmberDebugTest from '../helpers/setup-ember-debug-test';
-import EmberDebug from 'ember-debug/main';
+import EmberDebugImport from 'ember-debug/main';
+let EmberDebug;
 
 function getChildrenProperty(route, prop) {
   return route.children.map((item) => get(item.value, prop));
 }
 
 module('Ember Debug - Route Tree', function (hooks) {
+  hooks.before(async function () {
+    EmberDebug = (await EmberDebugImport).default;
+  });
+
   setupEmberDebugTest(hooks, {
     routes() {
       this.route('simple');

package/tests/ember_debug/view-debug-test.js

@@ -18,13 +18,17 @@ import Controller from '@ember/controller';
 import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import QUnit, { module, test } from 'qunit';
 import { hbs } from 'ember-cli-htmlbars';
-import EmberDebug from 'ember-debug/main';
 import setupEmberDebugTest from '../helpers/setup-ember-debug-test';
 import { isInVersionSpecifier } from 'ember-debug/version';
-import { VERSION } from 'ember-debug/ember';
 import GlimmerComponent from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 
+import EmberImport from 'ember-debug/ember';
+import EmberDebugImport from 'ember-debug/main';
+
+let EmberDebug;
+let VERSION;
+
 let templateOnlyComponent = null;
 try {
   // eslint-disable-next-line no-undef,ember/new-module-imports
@@ -368,6 +372,11 @@ function findInspectorElement(kind) {
 }
 
 module('Ember Debug - View', function (hooks) {
+  hooks.before(async function () {
+    EmberDebug = (await EmberDebugImport).default;
+    VERSION = (await EmberImport).VERSION;
+  });
+
   setupEmberDebugTest(hooks, {
     routes() {
       this.route('simple');

package/tests/helpers/setup-ember-debug-test.js

@@ -14,14 +14,20 @@ import Route from '@ember/routing/route';
 import Controller from '@ember/controller';
 import BasicAdapter from 'ember-inspector/services/adapters/basic';
 import config from 'ember-inspector/config/environment';
-import EmberDebug from 'ember-debug/main';
 import { hbs } from 'ember-cli-htmlbars';
-import Port from 'ember-debug/port';
+
+import EmberDebugImport from 'ember-debug/main';
+import PortImport from 'ember-debug/port';
+
+let Port;
+let EmberDebug;
 
 export default function setupEmberDebugTest(hooks, options = {}) {
   let app, originalApp, originalPort, originalIgnoreDeprecations;
 
   hooks.beforeEach(async function () {
+    Port = (await PortImport).default;
+    EmberDebug = (await EmberDebugImport).default;
     originalPort = EmberDebug.Port;
     originalApp = getApplication();
     originalIgnoreDeprecations = EmberDebug.IGNORE_DEPRECATIONS;

package/tests/integration/injection-test.js

@@ -162,65 +162,6 @@ class ChromeApi {
   }
 }
 
-let loaderInstance = {};
-function getLoader(def, req) {
-  let { define, requireModule } = loaderInstance;
-  if (typeof define !== 'function' || typeof requireModule !== 'function') {
-    (function () {
-      let registry = {},
-        seen = {};
-
-      define = function (name, deps, callback) {
-        if (arguments.length < 3) {
-          callback = deps;
-          deps = [];
-        }
-        registry[name] = { deps, callback };
-      };
-
-      requireModule = function (name) {
-        if (!name.startsWith('ember-debug')) {
-          return req(name);
-        }
-        if (seen[name]) {
-          return seen[name];
-        }
-
-        let mod = registry[name];
-        if (!mod) {
-          throw new Error(`Module: '${name}' not found.`);
-        }
-
-        seen[name] = {};
-
-        let deps = mod.deps;
-        let callback = mod.callback;
-        let reified = [];
-        let exports;
-
-        for (let i = 0, l = deps.length; i < l; i++) {
-          if (deps[i] === 'exports') {
-            reified.push((exports = {}));
-          } else {
-            reified.push(requireModule(deps[i]));
-          }
-        }
-
-        let value = callback.apply(this, reified);
-        seen[name] = exports || value;
-        return seen[name];
-      };
-
-      requireModule.has = req.has;
-
-      define.registry = registry;
-      define.seen = seen;
-    })();
-  }
-  loaderInstance = { define, requireModule };
-  return loaderInstance;
-}
-
 module('Integration | Injection', function (hooks) {
   setupApplicationTest(hooks);
 
@@ -230,11 +171,14 @@ module('Integration | Injection', function (hooks) {
   let contentChromeApi, inspectorChromeApi, backgroundChromeApi;
   const olddefine = window.define;
   const olddrequireModule = window.requireModule;
+  const oldEmber = window.Ember;
 
   let injected;
+  let EmberService = Service;
 
   async function inject(owner, assert) {
     if (injected) return;
+
     const backgroundScript = await (await fetch('/background.js')).text();
     {
       const chrome = backgroundChromeApi;
@@ -250,14 +194,6 @@ module('Integration | Injection', function (hooks) {
 
     let windowMessages = 0;
 
-    // setup global loader for ember-debug, will be reset after test
-
-    const { define, requireModule } = getLoader(
-      window.define,
-      window.requireModule,
-    );
-    window.define = define;
-    window.requireModule = requireModule;
     {
       // eslint-disable-next-line no-unused-vars
       const chrome = contentChromeApi;
@@ -275,6 +211,14 @@ module('Integration | Injection', function (hooks) {
 
     window.chrome = inspectorChromeApi;
 
+    owner.register('service:port', class extends EmberService {});
+    owner.lookup('service:adapters/web-extension');
+    window.requireModule = null;
+    Object.defineProperty(window, 'Ember', {
+      value: null,
+      writable: true,
+    });
+
     const emberDebugStarted = new Promise((resolve) => {
       inspectorChromeApi.runtime.onMessage.addListener((msg) => {
         if (msg.type === 'general:applicationBooted') {
@@ -290,8 +234,21 @@ module('Integration | Injection', function (hooks) {
         }
       });
     });
-    owner.register('service:port', class extends Service {});
-    owner.lookup('service:adapters/web-extension');
+
+    // check that we do not have any errors
+    await new Promise((resolve, reject) => {
+      window.addEventListener('error', reject);
+      contentChromeApi.runtime.onMessage.addListener((message) => {
+        if (message?.type === 'inject-ember-debug') {
+          setTimeout(resolve, 200);
+        }
+      });
+    });
+
+    window.requireModule = olddrequireModule;
+    window.Ember = oldEmber;
+    window.dispatchEvent(new Event('Ember'));
+
     await p;
     await emberDebugStarted;
     injected = true;

package/tests/unit/utils/type-check-test.js

@@ -1,7 +1,12 @@
-import { inspect } from 'ember-debug/type-check';
 import { module, test } from 'qunit';
+import TypeCheckImport from 'ember-debug/type-check';
+let inspect;
+
+module('Unit | Utility | type-check', function (hooks) {
+  hooks.before(async function () {
+    inspect = (await TypeCheckImport).inspect;
+  });
 
-module('Unit | Utility | type-check', function () {
   test('inspect | An POJO with Symbols is correctly transformed into preview', async function (assert) {
     let symbol = Symbol('test');
     let symbolValue = Symbol('value');