test(core): increase l-bind coverage

Author: aidenybai

.husky/pre-commit

@@ -1,4 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
+printf "Making sure your changes are okay, hold tight!"
 npx --no-install lint-staged --quiet

src/core/directives/__test__/bind.spec.ts

@@ -29,18 +29,18 @@ describe('.bindDirective', () => {
     expect(el.className).toEqual('test2');
   });
 
-  // it('should not have className prop', () => {
-  //   const el = document.createElement('p');
-  //   const expression = '{ test: test }';
-  //   const state = { test: false };
-  //   bindDirective({
-  //     el,
-  //     parts: ['bind', 'class'],
-  //     data: { value: expression, compute: compute(expression, el), deps: [] },
-  //     state,
-  //   });
-  //   expect(el.className).toEqual('');
-  // });
+  it('should not have className prop', () => {
+    const el = document.createElement('p');
+    const expression = '{ test: test }';
+    const state = { test: false };
+    bindDirective({
+      el,
+      parts: ['bind', 'class'],
+      data: { value: expression, compute: compute(expression, el), deps: [] },
+      state,
+    });
+    expect(el.className).toEqual('');
+  });
 
   it('should accept string for class', () => {
     const el = document.createElement('p');
@@ -68,18 +68,18 @@ describe('.bindDirective', () => {
     expect(el.className).toEqual('foo bar baz');
   });
 
-  // it('should bind style based on state value', () => {
-  //   const el = document.createElement('p');
-  //   const expression = '{ fontWeight: test }';
-  //   const state = { test: 'bold' };
-  //   bindDirective({
-  //     el,
-  //     parts: ['bind', 'style'],
-  //     data: { value: expression, compute: compute(expression, el), deps: ['test'] },
-  //     state,
-  //   });
-  //   expect(el.style.cssText).toEqual('font-weight: bold;');
-  // });
+  it('should bind style based on state value', () => {
+    const el = document.createElement('p');
+    const expression = '{ fontWeight: test }';
+    const state = { test: 'bold' };
+    bindDirective({
+      el,
+      parts: ['bind', 'style'],
+      data: { value: expression, compute: compute(expression, el), deps: ['test'] },
+      state,
+    });
+    expect(el.style.cssText).toEqual('font-weight: bold;');
+  });
 
   it('should bind href to anchor tag based on state value', () => {
     const el = document.createElement('a');
@@ -94,26 +94,26 @@ describe('.bindDirective', () => {
     expect(el.href).toEqual('https://example.com/');
   });
 
-  // it('should allow boolean input for attributes', () => {
-  //   const el = document.createElement('a');
-  //   const expression = 'hideme';
-  //   let state = { hideme: true };
-  //   bindDirective({
-  //     el,
-  //     parts: ['bind', 'hidden'],
-  //     data: { value: expression, compute: compute(expression, el), deps: [] },
-  //     state,
-  //   });
-  //   expect(el.hidden).toEqual(true);
-  //   state = { hideme: false };
-  //   bindDirective({
-  //     el,
-  //     parts: ['bind', 'hidden'],
-  //     data: { value: expression, compute: compute(expression, el), deps: [] },
-  //     state,
-  //   });
-  //   expect(el.hidden).toEqual(false);
-  // });
+  it('should allow boolean input for attributes', () => {
+    const el = document.createElement('a');
+    const expression = 'hideme';
+    let state = { hideme: true };
+    bindDirective({
+      el,
+      parts: ['bind', 'hidden'],
+      data: { value: expression, compute: compute(expression, el), deps: [] },
+      state,
+    });
+    expect(el.hidden).toEqual(true);
+    state = { hideme: false };
+    bindDirective({
+      el,
+      parts: ['bind', 'hidden'],
+      data: { value: expression, compute: compute(expression, el), deps: [] },
+      state,
+    });
+    expect(el.hidden).toEqual(false);
+  });
 
   it('should accept object format for attributes', () => {
     const el = document.createElement('a');