feat: adding custom blocks test

src/lib/HtlTranspiler.ts

@@ -121,13 +121,10 @@ export class HtlTranspiler implements ITranspiler {
               // else section
               if (statement.inverse) {
                 let indent = '';
-                const ifContentStatement =
-                  (
-                    <any>statement.program.body
+                const ifContentStatement = (<any>statement.program.body
                       .concat()
                       .reverse()
-                      .find(s => s.type === 'ContentStatement') || {}
-                  ).original || '';
+                      .find(s => s.type === 'ContentStatement') || {}).original || '';
 
                 const match = /\n([\t ]*)$/gi.exec(ifContentStatement);
                 if (match && match[1]) {
@@ -161,6 +158,70 @@ export class HtlTranspiler implements ITranspiler {
               break;
             }
 
+            case 'unless': {
+              const firstCondition = statement.params[0];
+              this.buffer.push(
+                `<sly data-sly-test="\${ ${
+                  (<hbs.AST.PathExpression>firstCondition).original
+                } == 'false' }">`,
+              );
+              const t = new HtlTranspiler(null, this.context, this.depth);
+
+              this.buffer.push(t.parseProgram(statement.program).toString());
+
+              this.buffer.push(`</sly>`);
+
+              break;
+            }
+
+            case 'is': {
+              const firstCondition = statement.params[0];
+              const secondCondition = statement.params[1];
+              this.buffer.push(
+                `<sly data-sly-test="\${ ${(<hbs.AST.PathExpression>firstCondition).original} == ${
+                  (<hbs.AST.PathExpression>secondCondition).original
+                } }">`,
+              );
+              const t = new HtlTranspiler(null, this.context, this.depth);
+
+              this.buffer.push(t.parseProgram(statement.program).toString());
+
+              this.buffer.push(`</sly>`);
+
+              break;
+            }
+
+            case 'with': {
+              const condition = statement.params[0];
+              this.buffer.push(
+                `<sly data-sly-test="\${ ${(<hbs.AST.PathExpression>condition).original} }">`,
+              );
+              const t = new HtlTranspiler(null, this.context, this.depth);
+
+              this.buffer.push(t.parseProgram(statement.program).toString());
+
+              this.buffer.push('</sly>');
+
+              break;
+            }
+
+            case 'gt': {
+              const firstCondition = statement.params[0];
+              const secondCondition = statement.params[1];
+              this.buffer.push(
+                `<sly data-sly-test="\${ ${
+                  (<hbs.AST.PathExpression>firstCondition).original
+                } &gt; ${(<hbs.AST.PathExpression>secondCondition).original} }">`,
+              );
+              const t = new HtlTranspiler(null, this.context, this.depth);
+
+              this.buffer.push(t.parseProgram(statement.program).toString());
+
+              this.buffer.push('</sly>');
+
+              break;
+            }
+
             case 'each': {
               const condition = this.context.getScopedVariable(statement
                 .params[0] as hbs.AST.PathExpression);
@@ -274,9 +335,9 @@ export class HtlTranspiler implements ITranspiler {
                 .map((pair: hbs.AST.HashPair) => {
                   const key = `${pair.key}=`;
                   if (pair.value.type === 'PathExpression') {
-                    return `${key}${this.context.getScopedVariable(
-                      <hbs.AST.PathExpression>pair.value,
-                    )}`;
+                    return `${key}${this.context.getScopedVariable(<hbs.AST.PathExpression>(
+                      pair.value
+                    ))}`;
                   }
                   if (pair.value.type === 'StringLiteral') {
                     return `${key}'${(<hbs.AST.StringLiteral>pair.value).value}'`;

test/HtlTranspiler.spec.ts

@@ -9,6 +9,10 @@ describe('convert from hbs to htl', () => {
   const tests = [
     'comment/comment',
     'condition/condition',
+    'condition/condition-unless',
+    'condition/condition-with',
+    'condition/condition-greater-than',
+    'condition/condition-is',
     'variable/variable',
     'variable/upper-context-variables',
     'raw/raw',

test/fixtures/condition/condition-greater-than.hbs

@@ -0,0 +1 @@
+{{#gt noListItems 1}}<h2>Greater</h2>{{/gt}}

test/fixtures/condition/condition-greater-than.htl

@@ -0,0 +1 @@
+<sly data-sly-test="${ noListItems &gt; 1 }"><h2>Greater</h2></sly>

test/fixtures/condition/condition-is.hbs

@@ -0,0 +1 @@
+{{#is noListItems 1}}Foo{{/is}}

test/fixtures/condition/condition-is.htl

@@ -0,0 +1 @@
+<sly data-sly-test="${ noListItems == 1 }">Foo</sly>

test/fixtures/condition/condition-unless.hbs

@@ -0,0 +1 @@
+{{#unless foo }}Foo{{/unless}}

test/fixtures/condition/condition-unless.htl

@@ -0,0 +1 @@
+<sly data-sly-test="${ foo == 'false' }">Foo</sly>

test/fixtures/condition/condition-with.hbs

@@ -0,0 +1 @@
+{{#with author}}<h2>By {{firstName}} {{lastName}}</h2>{{/with}}

test/fixtures/condition/condition-with.htl

@@ -0,0 +1 @@
+<sly data-sly-test="${ author }"><h2>By ${ firstName } ${ lastName }</h2></sly>