@mantou/gem 1.7.1 → 1.7.3

package/src/lib/version.ts

@@ -1 +1 @@
-export const version = '1.7.1';
+export const version = '1.7.3';

package/src/test/gem-element/advance.test.ts

@@ -158,12 +158,17 @@ describe('gem element 生命周期', () => {
 class EffectGemDemo extends GemElement {
   @attribute attr = 'a';
   @property prop = {};
-  effectCount = 0;
+  effectCallCount = 0;
+  hasConstructorEffect = false;
   compareCount = 0;
   constructor() {
     super();
     this.effect(
-      () => this.effectCount++,
+      () => {
+        this.hasConstructorEffect = true;
+        this.effectCallCount++;
+        return () => (this.hasConstructorEffect = false);
+      },
       () => {
         this.compareCount++;
         return [this.attr, this.prop];
@@ -173,13 +178,13 @@ class EffectGemDemo extends GemElement {
   mounted() {
     this.effect(
       (_arr) => {
-        this.effectCount++;
-        return () => (this.effectCount = 0);
+        this.effectCallCount++;
+        return () => (this.effectCallCount = 0);
       },
       () => [],
     );
     this.effect(() => {
-      this.effectCount++;
+      this.effectCallCount++;
     });
   }
 }
@@ -188,11 +193,11 @@ describe('gem element 副作用', () => {
   it('依赖当前值', async () => {
     const el: EffectGemDemo = await fixture(html`<effect-gem-demo></effect-gem-demo>`);
     expect(el.compareCount).to.equal(1);
-    expect(el.effectCount).to.equal(3);
+    expect(el.effectCallCount).to.equal(3);
     el.attr = 'b';
     el.prop = {};
     await nextFrame();
-    expect(el.effectCount).to.equal(5);
+    expect(el.effectCallCount).to.equal(5);
 
     let oldV: string | undefined = '';
     let newV: string | undefined = '';
@@ -211,7 +216,10 @@ describe('gem element 副作用', () => {
     expect(newV).to.equal('n');
 
     el.remove();
-    expect(el.effectCount).to.equal(0);
+    expect(el.effectCallCount).to.equal(0);
+    expect(el.hasConstructorEffect).to.equal(false);
+    document.body.append(el);
+    expect(el.hasConstructorEffect).to.equal(true);
   });
 });
 

package/src/test/history.test.ts

@@ -6,11 +6,13 @@ describe('history 测试', () => {
   it('hash', async () => {
     const historyLength = window.history.length;
     const hash = window.location.hash;
+    // 等待浏览器就绪
+    await aTimeout(1000);
     history.push({ path: '/a', hash: '#a' });
     await aTimeout(10);
     expect(window.location.hash).to.equal('#a');
     history.back();
-    await aTimeout(600);
+    await aTimeout(10);
     expect(window.location.hash).to.equal(hash);
     history.push({ path: '/a', hash: '#b' });
     await aTimeout(10);

package/src/test/utils.test.ts

@@ -14,6 +14,12 @@ import {
   absoluteLocation,
 } from '../lib/utils';
 
+declare global {
+  interface CSSRuleList {
+    item(index: number): CSSStyleRule;
+  }
+}
+
 describe('utils 测试', () => {
   it('absoluteLocation', () => {
     expect(absoluteLocation('/a', '/a/b')).to.equal('/a/b');
@@ -101,6 +107,7 @@ describe('utils 测试', () => {
       `;--x:1px;font-size:14px;content:'*';`,
     );
     expect(classMap({ foo: true, content: false })).to.equal(` foo `);
-    expect(exportPartsMap({ foo: 'bar', content: 'content' })).to.equal(`,foo:bar,content:content,`);
+    expect(exportPartsMap({ foo: 'bar', content: 'content', false: false })).to.equal(`,foo:bar,content,`);
+    expect(exportPartsMap({ foo: 'bar', content: true })).to.equal(`,foo:bar,content,`);
   });
 });