DEV: separates preferred-chat-mode service (#18883)

Also adds end to end system tests to ensure navigation scenarios are working correctly. This separation will make it easier to implement state in/out from chat.

plugins/chat/test/javascripts/unit/services/chat-preferred-mode-test.js

@@ -0,0 +1,38 @@
+import { module, test } from "qunit";
+import { getOwner } from "discourse-common/lib/get-owner";
+import Site from "discourse/models/site";
+
+module(
+  "Discourse Chat | Unit | Service | chat-preferred-mode",
+  function (hooks) {
+    hooks.beforeEach(function () {
+      Site.currentProp("mobileView", false);
+
+      this.chatPreferredMode = getOwner(this).lookup(
+        "service:chat-preferred-mode"
+      );
+    });
+
+    test("defaults", function (assert) {
+      assert.strictEqual(this.chatPreferredMode.isDrawer, true);
+      assert.strictEqual(this.chatPreferredMode.isFullPage, false);
+
+      Site.currentProp("mobileView", true);
+
+      assert.strictEqual(this.chatPreferredMode.isDrawer, false);
+      assert.strictEqual(this.chatPreferredMode.isFullPage, true);
+    });
+
+    test("setFullPage", function (assert) {
+      this.chatPreferredMode.setFullPage();
+      assert.strictEqual(this.chatPreferredMode.isFullPage, true);
+      assert.strictEqual(this.chatPreferredMode.isDrawer, false);
+    });
+
+    test("setDrawer", function (assert) {
+      this.chatPreferredMode.setDrawer();
+      assert.strictEqual(this.chatPreferredMode.isFullPage, false);
+      assert.strictEqual(this.chatPreferredMode.isDrawer, true);
+    });
+  }
+);

plugins/chat/test/javascripts/unit/services/full-page-chat-test.js

@@ -26,12 +26,6 @@ module("Discourse Chat | Unit | Service | full-page-chat", function (hooks) {
     assert.strictEqual(this.fullPageChat.isActive, false);
   });
 
-  test("isPreferred", function (assert) {
-    assert.strictEqual(this.fullPageChat.isPreferred, false);
-    this.fullPageChat.isPreferred = true;
-    assert.strictEqual(this.fullPageChat.isPreferred, true);
-  });
-
   test("previous route", function (assert) {
     const name = "foo";
     const params = { id: 1, slug: "bar" };