@lynx-js/testing-environment 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lynx-js/testing-environment
 
+## 0.1.8
+
+### Patch Changes
+
+- Fix the "ReferenceError: Node is not defined" error. ([#1850](https://github.com/lynx-family/lynx-stack/pull/1850))
+
+  This error would happen when upgrading to `@testing-library/jest-dom` [v6.9.0](https://github.com/testing-library/jest-dom/releases/tag/v6.9.0).
+
+## 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/env/vitest/index.cjs

@@ -36,10 +36,12 @@ const env = {
         await environments_namespaceObject.builtinEnvironments.jsdom.setup(fakeGlobal, {});
         const lynxTestingEnv = new testing_environment_namespaceObject.LynxTestingEnv(fakeGlobal.jsdom);
         global.lynxTestingEnv = lynxTestingEnv;
+        global.Node = lynxTestingEnv.jsdom.window.Node;
         return {
             teardown (global) {
                 delete global.lynxTestingEnv;
                 delete global.jsdom;
+                delete global.Node;
             }
         };
     }

package/dist/env/vitest/index.d.ts

@@ -1,6 +1,6 @@
 declare const env: {
     name: string;
-    transformMode: string;
+    transformMode: "web";
     setup(global: any): Promise<{
         teardown(global: any): void;
     }>;

package/dist/env/vitest/index.js

@@ -8,10 +8,12 @@ const env = {
         await builtinEnvironments.jsdom.setup(fakeGlobal, {});
         const lynxTestingEnv = new LynxTestingEnv(fakeGlobal.jsdom);
         global.lynxTestingEnv = lynxTestingEnv;
+        global.Node = lynxTestingEnv.jsdom.window.Node;
         return {
             teardown (global) {
                 delete global.lynxTestingEnv;
                 delete global.jsdom;
+                delete global.Node;
             }
         };
     }

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');
@@ -72,11 +72,12 @@ function __injectElementApi(target) {
 function createPolyfills() {
     const app = {
         callLepusMethod: (...rLynxChange)=>{
+            var _rLynxChange_;
             const isBackground = !__MAIN_THREAD__;
             globalThis.lynxTestingEnv.switchToMainThread();
             globalThis[rLynxChange[0]](rLynxChange[1]);
             globalThis.lynxTestingEnv.switchToBackgroundThread();
-            rLynxChange[2]();
+            null == (_rLynxChange_ = rLynxChange[2]) || _rLynxChange_.call(rLynxChange);
             globalThis.lynxTestingEnv.switchToMainThread();
             if (isBackground) globalThis.lynxTestingEnv.switchToBackgroundThread();
         },
@@ -202,8 +203,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 +249,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.d.ts

@@ -1,9 +1,3 @@
-/**
- * @packageDocumentation
- *
- * A pure-JavaScript implementation of the {@link https://lynxjs.org/guide/spec.html | Lynx Spec},
- * notably the {@link https://lynxjs.org/api/engine/element-api | Element PAPI} and {@link https://lynxjs.org/guide/spec#dual-threaded-model | Dual-threaded Model} for use with Node.js.
- */
 import { JSDOM } from 'jsdom';
 import { LynxGlobalThis } from './lynx/GlobalThis.js';
 import { initElementTree } from './lynx/ElementPAPI.js';
@@ -109,6 +103,8 @@ export declare class LynxTestingEnv {
     injectGlobals(): void;
     switchToBackgroundThread(): void;
     switchToMainThread(): void;
+    // we do not use it because we have to keep background thread
+    // otherwise we will get error on __MAIN_THREAD__/__BACKGROUND__/lynx not defined etc.
     clearGlobal(): void;
     reset(): void;
 }

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');
@@ -33,11 +33,12 @@ function __injectElementApi(target) {
 function createPolyfills() {
     const app = {
         callLepusMethod: (...rLynxChange)=>{
+            var _rLynxChange_;
             const isBackground = !__MAIN_THREAD__;
             globalThis.lynxTestingEnv.switchToMainThread();
             globalThis[rLynxChange[0]](rLynxChange[1]);
             globalThis.lynxTestingEnv.switchToBackgroundThread();
-            rLynxChange[2]();
+            null == (_rLynxChange_ = rLynxChange[2]) || _rLynxChange_.call(rLynxChange);
             globalThis.lynxTestingEnv.switchToMainThread();
             if (isBackground) globalThis.lynxTestingEnv.switchToBackgroundThread();
         },
@@ -163,8 +164,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 +210,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

@@ -1,3 +1,8 @@
+/*
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+*/
 /**
  * Any Lynx Element, such as `view`, `text`, `image`, etc.
  *
@@ -6,6 +11,18 @@
  * @public
  */
 export interface LynxElement extends HTMLElement {
+    /**
+     * The unique id of the element.
+     *
+     * @internal
+     */
+    $$uiSign: number;
+    /**
+     * The unique id of the parent of the element.
+     *
+     * @internal
+     */
+    parentComponentUniqueId: number;
     /**
      * The map of events bound to the element.
      */
@@ -45,6 +62,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;
@@ -60,7 +78,7 @@ export declare const initElementTree: () => {
     __CreateWrapperElement(parentComponentUniqueId: number): LynxElement;
     __AddInlineStyle(e: HTMLElement, key: number, value: string): void;
     __AppendElement(parent: LynxElement, child: LynxElement): void;
-    __SetCSSId(e: LynxElement | LynxElement[], id: string, entryName?: string): void;
+    __SetCSSId(e: LynxElement[] | LynxElement, id: string, entryName?: string | undefined): void;
     __SetAttribute(e: LynxElement, key: string, value: any): void;
     __AddEvent(e: LynxElement, eventType: string, eventName: string, eventHandler: string | Record<string, any>): void;
     __GetEvent(e: LynxElement, eventType: string, eventName: string): {
@@ -75,7 +93,7 @@ export declare const initElementTree: () => {
     __SetGestureDetector(e: LynxElement, id: number, type: number, config: any, relationMap: Record<string, number[]>): void;
     __GetDataset(e: LynxElement): DOMStringMap;
     __RemoveElement(parent: LynxElement, child: LynxElement): void;
-    __InsertElementBefore(parent: LynxElement, child: LynxElement, ref?: LynxElement): void;
+    __InsertElementBefore(parent: LynxElement, child: LynxElement, ref?: LynxElement | undefined): void;
     __ReplaceElement(newElement: LynxElement, oldElement: LynxElement): void;
     __FlushElementTree(): void;
     __UpdateListComponents(_list: LynxElement, _components: string[]): void;

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/dist/lynx/GlobalThis.d.ts

@@ -5,6 +5,14 @@ export declare const createGlobalThis: () => LynxGlobalThis;
  * @public
  */
 export interface LynxGlobalThis {
+    /**
+     * @internal
+     */
+    _globalObject: any;
+    /**
+     * @internal
+     */
+    _globalProxy: any;
     /**
      * The globalThis object.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/testing-environment",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "A subset of a Lynx environment to be useful for testing",
   "keywords": [
     "Lynx",
@@ -47,13 +47,14 @@
     "CHANGELOG.md"
   ],
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.7.0",
+    "@testing-library/jest-dom": "^6.9.0",
     "@types/jsdom": "^21.1.7",
     "rsbuild-plugin-publint": "0.3.3"
   },
   "scripts": {
     "api-extractor": "api-extractor run --verbose",
     "build": "rslib build",
-    "dev": "rslib build --watch"
+    "dev": "rslib build --watch",
+    "test": "vitest"
   }
 }