@mantou/gem 1.7.8 → 1.7.10

package/src/lib/utils.ts

@@ -32,14 +32,24 @@ export function addMicrotaskToStack(func: () => void) {
   microtaskStack.push(func);
 }
 
+// 不编码 hash 用于比较
 export function absoluteLocation(currentPath = '', relativePath = '') {
   const { pathname, search, hash } = new URL(relativePath, location.origin + currentPath);
-  return pathname + search + hash;
+  return pathname + search + decodeURIComponent(hash);
 }
 
-// eslint-disable-next-line @typescript-eslint/ban-types
 export type NonPrimitive = object;
 
+export function addListener<T extends EventTarget, A extends Parameters<T['addEventListener']>>(
+  target: T,
+  type: A[0],
+  listener: A[1],
+  options?: A[2],
+) {
+  target.addEventListener(type, listener, options);
+  return () => target.removeEventListener(type, listener, options);
+}
+
 interface LinkedListEventMap {
   start: Event;
   end: Event;
@@ -49,7 +59,7 @@ export interface LinkedListItem<T> {
   prev?: LinkedListItem<T>;
   next?: LinkedListItem<T>;
 }
-// work on nodejs
+
 export class LinkedList<T = any> extends EventTarget {
   declare addEventListener: <K extends keyof LinkedListEventMap>(
     type: K,
@@ -269,12 +279,9 @@ export function createCSSSheet<T extends StyledKeyValuePair>(rules: T | string,
   return sheet as Sheet<T>;
 }
 
-export function randomStr(number = 5, origin = '0123456789abcdefghijklmnopqrstuvwxyz') {
-  const len = origin.length;
-  let str = '';
-  for (let i = 0; i < number; i++) {
-    str += origin[Math.floor(Math.random() * len)];
-  }
+export function randomStr(len = 5): string {
+  const str = Math.random().toString(36).slice(2).slice(0, len);
+  if (str.length < len) return str + randomStr(len - str.length);
   return str;
 }
 

package/src/lib/version.ts

@@ -1 +1 @@
-export const version = '1.7.8';
+export const version = '1.7.10';

package/src/test/elements/link.test.ts

@@ -0,0 +1,15 @@
+import { fixture, expect } from '@open-wc/testing';
+
+import { html } from '../../lib/element';
+import type { GemActiveLinkElement } from '../../elements/link';
+
+import '../../elements/link';
+
+describe('GemTitleElement', () => {
+  it('basic', async () => {
+    const ele: GemActiveLinkElement = await fixture(
+      html`<gem-active-link pattern="/*" href="/#测试">active-link</gem-active-link>`,
+    );
+    expect(ele.active).to.equal(true);
+  });
+});

package/src/test/elements/reflect.test.ts

@@ -0,0 +1,27 @@
+import { fixture, expect, nextFrame } from '@open-wc/testing';
+
+import { html } from '../../lib/element';
+import type { GemReflectElement } from '../../elements/reflect';
+
+import '../../elements/reflect';
+
+describe('GemReflectElement', () => {
+  it('basic', async () => {
+    const reflect: GemReflectElement = await fixture(html`
+      <gem-reflect>
+        <div id="one"></div>
+        <div id="two"></div>
+      </gem-reflect>
+    `);
+    const div = document.head.querySelector('#one');
+    expect(!!div).to.equal(true);
+    const comment = new Comment();
+    div?.after(comment);
+    reflect.target = document.body;
+    await nextFrame();
+    expect(document.body.querySelector('#one')).to.equal(div);
+    expect(div?.nextSibling).to.equal(comment);
+    reflect.remove();
+    expect(!!document.querySelector('#one')).to.equal(false);
+  });
+});

package/src/test/elements/title.test.ts

@@ -0,0 +1,25 @@
+import { fixture, expect, nextFrame } from '@open-wc/testing';
+
+import { html } from '../../lib/element';
+import type { GemTitleElement } from '../../elements/title';
+
+import '../../elements/title';
+
+describe('GemTitleElement', () => {
+  it('basic', async () => {
+    const ele: GemTitleElement = await fixture(html`<gem-title>title</gem-title>`);
+    expect(document.title).to.equal('title');
+    ele.textContent = 'title2';
+    await nextFrame();
+    expect(document.title).to.equal('title2');
+
+    ele.prefix = 'prefix-';
+    await nextFrame();
+    expect(document.title).to.equal('prefix-title2');
+
+    history.pushState(null, 'Page', '/');
+    await nextFrame();
+    expect(document.title).to.equal('prefix-Page');
+    expect(ele.shadowRoot!.textContent).to.equal('Page');
+  });
+});

package/src/test/utils.test.ts

@@ -25,6 +25,8 @@ describe('utils 测试', () => {
     expect(absoluteLocation('/a', '/a/b')).to.equal('/a/b');
     expect(absoluteLocation('/a/c', './b')).to.equal('/a/b');
     expect(absoluteLocation('/a/c/d', '../b')).to.equal('/a/b');
+    expect(absoluteLocation('/a/c/d', '../b?a=a#a')).to.equal('/a/b?a=a#a');
+    expect(absoluteLocation('/a/c/d', '../b?a=测试#测试#')).to.equal('/a/b?a=%E6%B5%8B%E8%AF%95#测试#');
   });
   it('LinkedList', () => {
     const linkedList = new LinkedList<() => void>();
@@ -36,6 +38,18 @@ describe('utils 测试', () => {
     const fun2 = () => 2;
     linkedList.add(fun1);
     linkedList.add(fun2);
+    expect(linkedList.first?.value).to.equal(fun1);
+    expect(linkedList.last?.value).to.equal(fun2);
+    expect(linkedList.find(fun1)).to.equal(linkedList.first);
+    expect(linkedList.find(fun2)).to.equal(linkedList.last);
+    expect(linkedList.find(fun1)?.next).to.equal(linkedList.last);
+    const subLinked = new LinkedList();
+    subLinked.add(fun1);
+    subLinked.add(fun2);
+    expect(linkedList.isSuperLinkOf(subLinked)).to.equal(true);
+    expect(new LinkedList().isSuperLinkOf(subLinked)).to.equal(false);
+    expect(subLinked.isSuperLinkOf(new LinkedList())).to.equal(true);
+
     linkedList.delete(fun2);
     expect(linkedList.size).to.equal(1);
     linkedList.add(fun2);