@lynx-js/testing-environment 0.1.6 → 0.1.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/testing-environment
 
+## 0.1.7
+
+### Patch Changes
+
+- Support `lynx.createSelectorQuery().select()` and `setNativeProps` API ([#1570](https://github.com/lynx-family/lynx-stack/pull/1570))
+
 ## 0.1.6
 
 ### Patch Changes

package/dist/index.cjs

@@ -53,10 +53,10 @@ function _define_property(obj, key, value) {
     return obj;
 }
 function __injectElementApi(target) {
-    const elementTree = (0, ElementPAPI_cjs_namespaceObject.initElementTree)();
-    target.elementTree = elementTree;
+    const elementTree1 = (0, ElementPAPI_cjs_namespaceObject.initElementTree)();
+    target.elementTree = elementTree1;
     if (void 0 === target) target = globalThis;
-    for (const k of Object.getOwnPropertyNames(elementTree.constructor.prototype))if (k.startsWith('__')) target[k] = elementTree[k].bind(elementTree);
+    for (const k of Object.getOwnPropertyNames(elementTree1.constructor.prototype))if (k.startsWith('__')) target[k] = elementTree1[k].bind(elementTree1);
     target.$kTemplateAssembler = {};
     target.registerDataProcessor = ()=>{
         console.error('registerDataProcessor is not implemented');
@@ -202,8 +202,14 @@ class NodesRef {
     fields() {
         throw new Error('not implemented');
     }
-    setNativeProps() {
-        throw new Error('not implemented');
+    setNativeProps(props) {
+        return {
+            exec: ()=>{
+                const element = elementTree.uniqueId2Element.get(Number(this._nodeSelectToken.identifier));
+                if (!element) throw new Error(`[NodesRef.setNativeProps] Element not found for identifier=${this._nodeSelectToken.identifier}`);
+                if (element) for(const key in props)element.setAttributeNS(null, key, props[key]);
+            }
+        };
     }
     constructor(selectorQuery, nodeSelectToken){
         _define_property(this, "_nodeSelectToken", void 0);
@@ -242,6 +248,14 @@ function injectBackgroundThreadGlobals(target, polyfills) {
                         type: 2,
                         identifier: uniqueId.toString()
                     });
+                },
+                select: function(selector) {
+                    const el = lynxTestingEnv.jsdom.window.document.querySelector(selector);
+                    if (!el) throw new Error(`[createSelectorQuery.select] No element matches selector: ${selector}`);
+                    return new NodesRef({}, {
+                        type: 0,
+                        identifier: el.$$uiSign.toString()
+                    });
                 }
             }),
         getCoreContext: ()=>CoreContext,

package/dist/index.js

@@ -14,10 +14,10 @@ function _define_property(obj, key, value) {
     return obj;
 }
 function __injectElementApi(target) {
-    const elementTree = initElementTree();
-    target.elementTree = elementTree;
+    const elementTree1 = initElementTree();
+    target.elementTree = elementTree1;
     if (void 0 === target) target = globalThis;
-    for (const k of Object.getOwnPropertyNames(elementTree.constructor.prototype))if (k.startsWith('__')) target[k] = elementTree[k].bind(elementTree);
+    for (const k of Object.getOwnPropertyNames(elementTree1.constructor.prototype))if (k.startsWith('__')) target[k] = elementTree1[k].bind(elementTree1);
     target.$kTemplateAssembler = {};
     target.registerDataProcessor = ()=>{
         console.error('registerDataProcessor is not implemented');
@@ -163,8 +163,14 @@ class NodesRef {
     fields() {
         throw new Error('not implemented');
     }
-    setNativeProps() {
-        throw new Error('not implemented');
+    setNativeProps(props) {
+        return {
+            exec: ()=>{
+                const element = elementTree.uniqueId2Element.get(Number(this._nodeSelectToken.identifier));
+                if (!element) throw new Error(`[NodesRef.setNativeProps] Element not found for identifier=${this._nodeSelectToken.identifier}`);
+                if (element) for(const key in props)element.setAttributeNS(null, key, props[key]);
+            }
+        };
     }
     constructor(selectorQuery, nodeSelectToken){
         _define_property(this, "_nodeSelectToken", void 0);
@@ -203,6 +209,14 @@ function injectBackgroundThreadGlobals(target, polyfills) {
                         type: 2,
                         identifier: uniqueId.toString()
                     });
+                },
+                select: function(selector) {
+                    const el = lynxTestingEnv.jsdom.window.document.querySelector(selector);
+                    if (!el) throw new Error(`[createSelectorQuery.select] No element matches selector: ${selector}`);
+                    return new NodesRef({}, {
+                        type: 0,
+                        identifier: el.$$uiSign.toString()
+                    });
                 }
             }),
         getCoreContext: ()=>CoreContext,

package/dist/lynx/ElementPAPI.cjs

@@ -38,11 +38,10 @@ function _define_property(obj, key, value) {
 }
 const initElementTree = ()=>{
     let uiSignNext = 0;
-    const uniqueId2Element = new Map();
     return new class {
         countElement(element, parentComponentUniqueId) {
             element.$$uiSign = uiSignNext++;
-            uniqueId2Element.set(element.$$uiSign, element);
+            this.uniqueId2Element.set(element.$$uiSign, element);
             element.parentComponentUniqueId = parentComponentUniqueId;
         }
         __CreatePage(_tag, parentComponentUniqueId) {
@@ -251,9 +250,10 @@ const initElementTree = ()=>{
             return this.toTree();
         }
         __GetElementByUniqueId(uniqueId) {
-            return uniqueId2Element.get(uniqueId);
+            return this.uniqueId2Element.get(uniqueId);
         }
         constructor(){
+            _define_property(this, "uniqueId2Element", new Map());
             _define_property(this, "root", void 0);
         }
     }();

package/dist/lynx/ElementPAPI.d.ts

@@ -45,6 +45,7 @@ export interface LynxElement extends HTMLElement {
  * @public
  */
 export declare const initElementTree: () => {
+    uniqueId2Element: Map<number, LynxElement>;
     root: LynxElement | undefined;
     countElement(element: LynxElement, parentComponentUniqueId: number): void;
     __CreatePage(_tag: string, parentComponentUniqueId: number): LynxElement;

package/dist/lynx/ElementPAPI.js

@@ -10,11 +10,10 @@ function _define_property(obj, key, value) {
 }
 const initElementTree = ()=>{
     let uiSignNext = 0;
-    const uniqueId2Element = new Map();
     return new class {
         countElement(element, parentComponentUniqueId) {
             element.$$uiSign = uiSignNext++;
-            uniqueId2Element.set(element.$$uiSign, element);
+            this.uniqueId2Element.set(element.$$uiSign, element);
             element.parentComponentUniqueId = parentComponentUniqueId;
         }
         __CreatePage(_tag, parentComponentUniqueId) {
@@ -223,9 +222,10 @@ const initElementTree = ()=>{
             return this.toTree();
         }
         __GetElementByUniqueId(uniqueId) {
-            return uniqueId2Element.get(uniqueId);
+            return this.uniqueId2Element.get(uniqueId);
         }
         constructor(){
+            _define_property(this, "uniqueId2Element", new Map());
             _define_property(this, "root", void 0);
         }
     }();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/testing-environment",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "A subset of a Lynx environment to be useful for testing",
   "keywords": [
     "Lynx",
@@ -47,7 +47,7 @@
     "CHANGELOG.md"
   ],
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.7.0",
+    "@testing-library/jest-dom": "^6.8.0",
     "@types/jsdom": "^21.1.7",
     "rsbuild-plugin-publint": "0.3.3"
   },