DEV: various improvements to devex on chat (#21612)

- Improves styleguide support
- Adds toggle color scheme to styleguide
- Adds properties mutators to styleguide
- Attempts to quit a session as soon as done with it in system specs, this should at least free resources faster
- Refactors fabricators to simplify them
- Adds more fabricators (uploads for example)
- Starts implementing components pattern in system specs
- Uses Chat::Message creator to create messages in system specs, this should help to have more real specs as the side effects should now happen

plugins/chat/test/javascripts/unit/helpers/format-chat-date-test.js

@@ -3,21 +3,20 @@ import hbs from "htmlbars-inline-precompile";
 import { render } from "@ember/test-helpers";
 import { setupRenderingTest } from "discourse/tests/helpers/component-test";
 import { query } from "discourse/tests/helpers/qunit-helpers";
-import fabricators from "../../helpers/fabricators";
-import ChatMessage from "discourse/plugins/chat/discourse/models/chat-message";
+import fabricators from "discourse/plugins/chat/discourse/lib/fabricators";
 
 module("Discourse Chat | Unit | Helpers | format-chat-date", function (hooks) {
   setupRenderingTest(hooks);
 
   test("link to chat message", async function (assert) {
-    const channel = fabricators.chatChannel();
-    this.message = ChatMessage.create(channel, {
-      id: 1,
-      chat_channel_id: channel.id,
-    });
+    const channel = fabricators.channel();
+    this.message = fabricators.message({ channel });
 
     await render(hbs`{{format-chat-date this.message}}`);
 
-    assert.equal(query(".chat-time").getAttribute("href"), "/chat/c/-/1/1");
+    assert.equal(
+      query(".chat-time").getAttribute("href"),
+      `/chat/c/-/${channel.id}/${this.message.id}`
+    );
   });
 });