@wrnrlr/prelude 0.1.5 → 0.1.6

package/deno.json

@@ -1,6 +1,6 @@
 {
   "name": "@wrnrlr/prelude",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "exports": "./src/mod.ts",
   "compilerOptions": {
     "strict": false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wrnrlr/prelude",
   "type": "module",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "author": "Werner Laurensse",
   "description": "A signal based frontend library with fine-grained reactivity",
   "main": "./src/mod.ts",

package/src/runtime.ts

@@ -283,7 +283,7 @@ function eventHandler(e:any) {
 }
 
 function setAttribute(node:Node, name:string, value?:string):any {
-  value ? node.setAttribute(name, value) : node.removeAttribute(name)
+  value===undefined || value===null ? node.removeAttribute(name) : node.setAttribute(name, value)
 }
 
 function setAttributeNS(node:Node, ns:string, name:string, value?:string):any {

package/test/hyperscript.js

@@ -30,6 +30,10 @@ testing('h with basic element', {skip:true}, async test => {
   await test('tag with id', () => assertHTML(h('#a'), '<div id="a"></div>'))
   await test('tag with class', () => assertHTML(h('.a'), '<div class="a"></div>'))
   await test('tag with id & classes', () => assertHTML(h('i#a.b.c'), '<i id="a" class="b c"></i>'))
+  await test('tag with tag class and prop class', () => assertHTML(h('hr.a', {class:'b'}), '<hr class="a b">'))
+  await test('tag with tag class and dynamic prop class', () => assertHTML(h('hr.a', {class:()=>'b'}), '<hr class="a b">'))
+  await test('tag with tag class and undeefined prop class', () => assertHTML(h('hr.a', {class:undefined}), '<hr class="a">'))
+  await test('tag with tag class and dynamic undeefined prop class', () => assertHTML(h('hr.a', {class:()=>undefined}), '<hr class="a">'))
   await test('no props or children', () => assertHTML(h('hr'), '<hr>'))
   await test('boolean content', () => assertHTML(h('b',true), '<b>true</b>'))
   await test('string content', () => assertHTML(h('b','A'), '<b>A</b>'))
@@ -39,11 +43,12 @@ testing('h with basic element', {skip:true}, async test => {
   // await test('regex content', () => assertHTML(h('b',/\w/), '<b>/\\w/</b>'))
   await test("signal content", () => assertHTML(h('i',()=>1), '<i>1</i>'))
   await test('array content', () => assertHTML(h('i',['A',1,2n]), '<i>A12</i>'))
-  await test('style attribute', () => assertHTML(h('hr',{style:'color:red'}), '<hr style="color: red;">'))
-  await test('htmlFor attribute', () => assertHTML(h('label',{htmlFor:'a'}), '<label for="a"></label>'))
-  await test('ref attribute', () => assertHTML(h('hr',{ref:el=>el.setAttribute('a','1')}), '<hr a="1">'))
-  await test('classList attribute', () => assertHTML(h('hr', {classList:()=>({a:true})}), '<hr class="a">'))
-  await test('class from tag & attribute', () => assertHTML(h('hr.a',{class:'b'}), '<hr class="a b">'))
+  await test('ref property', () => assertHTML(h('hr',{ref:el=>el.setAttribute('a','1')}), '<hr a="1">'))
+  await test('style property sets style attribute', () => assertHTML(h('hr',{style:'color:red'}), '<hr style="color: red;">'))
+  await test('htmlFor property sets for attribute', () => assertHTML(h('label',{htmlFor:'a'}), '<label for="a"></label>'))
+  await test('classList property sets class attribute', () => assertHTML(h('hr', {classList:()=>({a:true})}), '<hr class="a">'))
+  await test('custom attribute', () => assertHTML(h('hr', {'attr:a':'b'}), '<hr a="b">'))
+  await test('custom empty attribute', () => assertHTML(h('hr', {'attr:data-a':''}), '<hr data-a="">'))
 })
 
 function assertText(t, e, msg) { assertEquals(t(), e, msg) }