diff --git a/app/assets/javascripts/discourse/tests/unit/models/extra-nav-item-test.gjs b/app/assets/javascripts/discourse/tests/unit/models/extra-nav-item-test.gjs
new file mode 100644
index 00000000000..e5b3006c31f
--- /dev/null
+++ b/app/assets/javascripts/discourse/tests/unit/models/extra-nav-item-test.gjs
@@ -0,0 +1,24 @@
+import { render, settled } from "@ember/test-helpers";
+import { setupRenderingTest } from "ember-qunit";
+import { module, test } from "qunit";
+import { ExtraNavItem } from "discourse/models/nav-item";
+
+module("Unit | Model | extra-nav-item", function (hooks) {
+  setupRenderingTest(hooks);
+
+  test("displayName updates when count property changes", async function (assert) {
+    const extraNavItem = ExtraNavItem.create({
+      name: "something",
+    });
+
+    await render(<template><p>{{extraNavItem.displayName}}</p></template>);
+
+    assert.dom("p").hasText("[en.filters.something.title count=0]");
+
+    extraNavItem.count = 2;
+
+    await settled();
+
+    assert.dom("p").hasText("[en.filters.something.title_with_count count=2]");
+  });
+});
diff --git a/app/assets/javascripts/discourse/tests/unit/models/extra-nav-item-test.js b/app/assets/javascripts/discourse/tests/unit/models/extra-nav-item-test.js
deleted file mode 100644
index 1127b95cd3b..00000000000
--- a/app/assets/javascripts/discourse/tests/unit/models/extra-nav-item-test.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { setupTest } from "ember-qunit";
-import { module, test } from "qunit";
-import { ExtraNavItem } from "discourse/models/nav-item";
-
-module("Unit | Model | extra-nav-item", function (hooks) {
-  setupTest(hooks);
-
-  test("displayName updates when count property changes", function (assert) {
-    const extraNavItem = ExtraNavItem.create({
-      name: "something",
-    });
-
-    assert.strictEqual(
-      extraNavItem.displayName,
-      "[en.filters.something.title count=0]"
-    );
-
-    extraNavItem.count = 2;
-
-    assert.strictEqual(
-      extraNavItem.displayName,
-      "[en.filters.something.title_with_count count=2]"
-    );
-  });
-});