snapshot of https://github.com/zulip/zulip.git @ 48c69911c7dd4e03b20552eb3bd77ad8151c1357 (2026-09-15)

web/tests/realm_playground.test.cjs

@@ -0,0 +1,129 @@
+"use strict";
+
+const assert = require("node:assert/strict");
+
+const {$t} = require("./lib/i18n.cjs");
+const {zrequire} = require("./lib/namespace.cjs");
+const {run_test} = require("./lib/test.cjs");
+
+const pygments_data = zrequire("pygments_data");
+const realm_playground = zrequire("realm_playground");
+const typeahead_helper = zrequire("typeahead_helper");
+const {initialize_user_settings} = zrequire("user_settings");
+
+run_test("get_pygments_typeahead_list_for_composebox", () => {
+    // When no Code Playground is configured, the list of candidates should
+    // include everything in pygments_data, but nothing more. Order doesn't
+    // matter.
+    let candidates = realm_playground.get_pygments_typeahead_list_for_composebox();
+    assert.ok(Object.keys(pygments_data.langs).every((value) => candidates.includes(value)));
+    assert.equal(candidates.length, Object.keys(pygments_data.langs).length);
+
+    const custom_pygment_language = "Custom_lang";
+    const playground_data = [
+        {
+            id: 2,
+            name: "Custom Lang",
+            pygments_language: custom_pygment_language,
+            url_template: "https://example.com/?q={code}",
+        },
+    ];
+    realm_playground.initialize({
+        playground_data,
+        pygments_comparator_func: typeahead_helper.compare_language,
+    });
+
+    // Verify that Code Playground's pygments_language shows up in the result.
+    // As well as all of pygments_data. Order doesn't matter and the result
+    // shouldn't include anything else.
+    candidates = realm_playground.get_pygments_typeahead_list_for_composebox();
+    assert.ok(Object.keys(pygments_data.langs).every((value) => candidates.includes(value)));
+    assert.ok(candidates.includes(custom_pygment_language));
+    assert.equal(
+        candidates.length,
+        Object.keys(pygments_data.langs).length + playground_data.length,
+    );
+});
+
+run_test("get_pygments_typeahead_list_for_settings", () => {
+    initialize_user_settings({user_settings: {}});
+
+    const custom_pygment_language = "custom_lang";
+    const playground_data = [
+        {
+            id: 1,
+            name: "Custom Lang #1",
+            pygments_language: custom_pygment_language,
+            url_template: "https://example.com/?q={code}",
+        },
+        {
+            id: 2,
+            name: "Custom Lang #2",
+            pygments_language: custom_pygment_language,
+            url_template: "https://example.com/?q={code}",
+        },
+        {
+            id: 3,
+            name: "Invent a Language",
+            pygments_language: "invent_a_lang",
+            url_template: "https://example.com/?q={code}",
+        },
+    ];
+    realm_playground.initialize({
+        playground_data,
+        pygments_comparator_func: typeahead_helper.compare_language,
+    });
+
+    let candidates = realm_playground.get_pygments_typeahead_list_for_settings("");
+    let iterator = candidates.entries();
+    assert.equal(iterator.next().value[1], $t({defaultMessage: "Custom language: custom_lang"}));
+    assert.equal(iterator.next().value[1], $t({defaultMessage: "Custom language: invent_a_lang"}));
+    assert.equal(iterator.next().value[1], "Text only (text, text)");
+    assert.equal(iterator.next().value[1], "quote (quote, quote)");
+    assert.equal(iterator.next().value[1], "spoiler (spoiler, spoiler)");
+    assert.equal(iterator.next().value[1], "math (math, math)");
+    assert.equal(iterator.next().value[1], "JavaScript (javascript, js, javascript, js)");
+    assert.equal(
+        iterator.next().value[1],
+        "Python (python, bazel, py, py3, pyi, python3, sage, starlark, python, bazel, py, py3, pyi, python3, sage, starlark)",
+    );
+    assert.equal(iterator.next().value[1], "Java (java, java)");
+    assert.equal(iterator.next().value[1], "Go (go, golang, go, golang)");
+    assert.equal(iterator.next().value[1], "Rust (rust, rs, rust, rs)");
+
+    // Test typing "cu". Previously added custom languages should show up too.
+    candidates = realm_playground.get_pygments_typeahead_list_for_settings("cu");
+    iterator = candidates.entries();
+    assert.equal(
+        iterator.next().value[1],
+        $t({defaultMessage: "Custom language: {query}"}, {query: "cu"}),
+    );
+    assert.equal(iterator.next().value[1], $t({defaultMessage: "Custom language: custom_lang"}));
+    assert.equal(iterator.next().value[1], $t({defaultMessage: "Custom language: invent_a_lang"}));
+    assert.equal(iterator.next().value[1], "Text only (text, text)");
+    assert.equal(iterator.next().value[1], "quote (quote, quote)");
+    assert.equal(iterator.next().value[1], "spoiler (spoiler, spoiler)");
+    assert.equal(iterator.next().value[1], "math (math, math)");
+    assert.equal(iterator.next().value[1], "JavaScript (javascript, js, javascript, js)");
+    assert.equal(
+        iterator.next().value[1],
+        "Python (python, bazel, py, py3, pyi, python3, sage, starlark, python, bazel, py, py3, pyi, python3, sage, starlark)",
+    );
+
+    // Test typing "invent_a_lang". Make sure there is no duplicate entries.
+    candidates = realm_playground.get_pygments_typeahead_list_for_settings("invent_a_lang");
+    iterator = candidates.entries();
+    assert.equal(iterator.next().value[1], $t({defaultMessage: "Custom language: invent_a_lang"}));
+    assert.equal(iterator.next().value[1], $t({defaultMessage: "Custom language: custom_lang"}));
+    assert.equal(iterator.next().value[1], "Text only (text, text)");
+    assert.equal(iterator.next().value[1], "quote (quote, quote)");
+    assert.equal(iterator.next().value[1], "spoiler (spoiler, spoiler)");
+
+    // Test typing a query with diacritics. The "Custom language" option keeps them.
+    candidates = realm_playground.get_pygments_typeahead_list_for_settings("Français");
+    iterator = candidates.entries();
+    assert.deepEqual(iterator.next().value, [
+        "français",
+        $t({defaultMessage: "Custom language: {query}"}, {query: "français"}),
+    ]);
+});