@yuneta/gobj-ui 7.26.34 → 7.26.36

package/src/yui_tabulator_i18n.test.js

@@ -3,7 +3,8 @@
  *
  *      The names given AFTER the render to what Tabulator draws for
  *      itself: the header filters and the row-selection boxes carry
- *      an aria-label AND a title, like every control.
+ *      an aria-label AND a title, like every control. And the name of
+ *      the editor of a cell, asked at the moment of editing.
  *
  *          Copyright (c) 2026, ArtGins.
  *          All Rights Reserved.
@@ -13,6 +14,7 @@ import {describe, it, expect} from "vitest";
 import {
     yui_tabulator_name_filters,
     yui_tabulator_name_row_selects,
+    yui_tabulator_name_editor,
 } from "./yui_tabulator_i18n.js";
 
 /*  An element double: attributes, and the one child a selector finds.  */
@@ -78,3 +80,48 @@ describe("yui_tabulator_name_row_selects", () => {
         expect($box.attrs["data-i18n-title"]).toBe("select row");
     });
 });
+
+describe("yui_tabulator_name_editor", () => {
+    /*  Tabulator calls a FUNCTION editorParams with the cell when it starts
+     *  editing it, and every built-in editor writes the elementAttributes
+     *  it answers onto the box it draws (REV-CLOUD V23.5.6: the editable
+     *  cells had no name).  */
+    it("names the editor after the column, asked at the moment of editing", () => {
+        let lang = "en";
+        const names = {en: "Value", es: "Valor"};
+        const def = {field: "value", editor: "input", editorParams: {selectContents: true}};
+        yui_tabulator_name_editor(def, () => names[lang]);
+
+        expect(typeof def.editorParams).toBe("function");
+        let params = def.editorParams({});
+        expect(params.selectContents).toBe(true);           // what it had stays
+        expect(params.elementAttributes).toEqual({"aria-label": "Value", title: "Value"});
+
+        lang = "es";                                        // a language change
+        params = def.editorParams({});
+        expect(params.elementAttributes).toEqual({"aria-label": "Valor", title: "Valor"});
+    });
+
+    it("keeps a function editorParams, and a name the column gave itself", () => {
+        const def = {
+            editor: "list",
+            editorParams: (cell) => ({values: cell.values,
+                elementAttributes: {"aria-label": "its own", maxlength: "3"}})
+        };
+        yui_tabulator_name_editor(def, () => "Kind");
+        const params = def.editorParams({values: ["a", "b"]});
+        expect(params.values).toEqual(["a", "b"]);
+        expect(params.elementAttributes).toEqual(
+            {"aria-label": "its own", title: "Kind", maxlength: "3"});
+    });
+
+    it("leaves a column without an editor, and a name it cannot give, alone", () => {
+        const plain = {field: "x"};
+        yui_tabulator_name_editor(plain, () => "X");
+        expect(plain.editorParams).toBe(undefined);
+
+        const def = {editor: "input", editorParams: {a: 1}};
+        yui_tabulator_name_editor(def, () => "");
+        expect(def.editorParams({})).toEqual({a: 1});
+    });
+});