Update README.md

bahrus · Jul 8, 2024 · 39970bc · 39970bc
1 parent 11a44d0
commit 39970bc
Show file tree

Hide file tree

Showing 10 changed files with 136 additions and 126 deletions.
diff --git a/MoodStone/MoodStone.js b/MoodStone/MoodStone.js
@@ -4,7 +4,12 @@ export class MoodStone extends HTMLElement {
  super();
  this.attachShadow({ mode: 'open' });
  }
+ #invokeCount = 0;
+ get invokeCount() {
+ return this.#invokeCount;
+ }
  howAmIFeelingAboutToday(self, e) {
+ this.#invokeCount++;
  console.log({ self, e });
  }
  connectedCallback() {

diff --git a/MoodStone/MoodStone.ts b/MoodStone/MoodStone.ts
@@ -5,7 +5,13 @@ export class MoodStone extends HTMLElement {
  this.attachShadow({mode: 'open'});
  }
 
+ #invokeCount = 0;
+ get invokeCount(){
+ return this.#invokeCount;
+ }
+
  howAmIFeelingAboutToday(self: this, e: Event){
+ this.#invokeCount++;
  console.log({self, e});
  }
 

diff --git a/be-invoking.js b/be-invoking.js
@@ -44,7 +44,7 @@ class BeInvoking extends BE {
  for (const remoteSpecifier of remoteSpecifiers) {
  let remoteTarget = this.#cache.get(remoteSpecifier)?.deref();
  if (remoteTarget === undefined) {
- const remoteTarget = await find(enhancedElement, remoteSpecifier);
+ remoteTarget = await find(enhancedElement, remoteSpecifier);
  if (!remoteTarget)
  throw 404;
  this.#cache.set(remoteSpecifier, new WeakRef(remoteTarget));

diff --git a/be-invoking.ts b/be-invoking.ts
@@ -50,9 +50,9 @@ class BeInvoking extends BE implements Actions {
  const {remoteSpecifiers} = parsedStatement;
  const {find} = await import('trans-render/dss/find.js');
  for(const remoteSpecifier of remoteSpecifiers){
- let remoteTarget = this.#cache.get(remoteSpecifier)?.deref();
+ let remoteTarget = this.#cache.get(remoteSpecifier)?.deref() as Element | undefined | null;
  if(remoteTarget === undefined){
- const remoteTarget = await find(enhancedElement, remoteSpecifier);
+ remoteTarget = await find(enhancedElement, remoteSpecifier);
  if(!remoteTarget) throw 404;
  this.#cache.set(remoteSpecifier, new WeakRef(remoteTarget));
  }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,10 +22,10 @@
  "update": "ncu -u && npm install"
  },
  "dependencies": {
- "be-enhanced": "0.0.107",
- "be-hive": "0.0.184",
- "be-linked": "0.0.107",
- "trans-render": "0.0.790"
+ "be-enhanced": "0.0.109",
+ "be-hive": "0.0.186",
+ "be-linked": "0.0.108",
+ "trans-render": "0.0.792"
  },
  "devDependencies": {
  "may-it-serve": "0.0.7",

diff --git a/tests/AllExamples.html b/tests/AllExamples.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>All Examples</title>
+</head>
+<body>
+ <mood-stone></mood-stone>
+ <div id=target></div>
+ <script type=importmap>
+ {
+ "imports": {
+ "be-enhanced/": "/node_modules/be-enhanced/",
+ "be-hive/": "/node_modules/be-hive/",
+ "be-linked/": "/node_modules/be-linked/",
+ "be-value-added/": "/node_modules/be-value-added/",
+ "mount-observer/": "/node_modules/mount-observer/",
+ "trans-render/": "/trans-render/"
+ }
+ }
+ </script>
+ <script type=module>
+ import '/MoodStone/MoodStone.js';
+ import '/🕹️.js';
+ </script>
+ <script>
+ function runTest(){
+ const ms = document.querySelector('mood-stone');
+ ms.shadowRoot.querySelector('input').dispatchEvent(new Event('input'));
+
+ setTimeout(() => {
+ if(ms.invokeCount === 1){
+ target.setAttribute('mark', 'good');
+ }
+ }, 100);
+
+ }
+ setTimeout(() => {
+ runTest();
+ }, 500);
+ </script>
+</body>
+</html>
diff --git a/tests/Example1.html b/tests/Example1.html
diff --git a/tests/test1.spec.mjs b/tests/test1.spec.mjs
@@ -1,8 +1,8 @@
 import { test, expect } from '@playwright/test';
 test('test1', async ({ page }) => {
- await page.goto('./tests/Example1.html');
+ await page.goto('./tests/AllExamples.html');
  // wait for 1 second
- await page.waitForTimeout(4000);
+ await page.waitForTimeout(1000);
  const editor = page.locator('#target');
  await expect(editor).toHaveAttribute('mark', 'good');
 });
diff --git a/trans-render b/trans-render