diff --git a/spec/system/rewind_tab_spec.rb b/spec/system/rewind_tab_spec.rb
deleted file mode 100644
index 120246b..0000000
--- a/spec/system/rewind_tab_spec.rb
+++ /dev/null
@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-describe "DiscourseRewind | rewind tab", type: :system do
-  fab!(:current_user, :user)
-
-  before do
-    SiteSetting.discourse_rewind_enabled = true
-    sign_in(current_user)
-  end
-
-  context "when in january" do
-    before { freeze_time DateTime.parse("2022-01-10") }
-
-    it "shows the tab" do
-      visit("/my/activity")
-
-      expect(page).to have_selector(".user-nav__activity-rewind")
-    end
-  end
-
-  context "when in december" do
-    before { freeze_time DateTime.parse("2022-12-05") }
-
-    it "shows the tab" do
-      visit("/my/activity")
-
-      expect(page).to have_selector(".user-nav__activity-rewind")
-    end
-  end
-
-  context "when in november" do
-    before { freeze_time DateTime.parse("2022-11-24") }
-
-    it "doesn show the tab" do
-      visit("/my/activity")
-
-      expect(page).to have_no_selector(".user-nav__activity-rewind")
-    end
-  end
-end
diff --git a/test/javascripts/acceptance/rewind-tab-test.js b/test/javascripts/acceptance/rewind-tab-test.js
new file mode 100644
index 0000000..b3eee10
--- /dev/null
+++ b/test/javascripts/acceptance/rewind-tab-test.js
@@ -0,0 +1,44 @@
+import { visit } from "@ember/test-helpers";
+import { test } from "qunit";
+import { acceptance, fakeTime } from "discourse/tests/helpers/qunit-helpers";
+
+acceptance("DiscourseRewind | rewind tab", function (needs) {
+  needs.user();
+  needs.settings({ discourse_rewind_enabled: true });
+
+  test("shows the tab in january", async function (assert) {
+    const clock = fakeTime("2022-01-10 12:00:00", null, false);
+
+    await visit("/my/activity");
+
+    assert
+      .dom(".user-nav__activity-rewind")
+      .exists("rewind tab is visible in January");
+
+    clock.restore();
+  });
+
+  test("shows the tab in december", async function (assert) {
+    const clock = fakeTime("2022-12-05 12:00:00", null, false);
+
+    await visit("/my/activity");
+
+    assert
+      .dom(".user-nav__activity-rewind")
+      .exists("rewind tab is visible in December");
+
+    clock.restore();
+  });
+
+  test("doesn't show the tab in november", async function (assert) {
+    const clock = fakeTime("2022-11-24 12:00:00", null, false);
+
+    await visit("/my/activity");
+
+    assert
+      .dom(".user-nav__activity-rewind")
+      .doesNotExist("rewind tab is not visible in November");
+
+    clock.restore();
+  });
+});