templating (ryuji) done

tests.ts

@@ -0,0 +1,119 @@
+import { Renderer } from './ryuji';
+import { test_assert_equal, log_test_results } from './endosulfan';
+
+//tests for ryuji
+
+let renderer = new Renderer("./templates", "/components");
+
+test_assert_equal(
+  renderer.render(
+    "<h1>[[ a ]]</h1>\n<p>lorem ipsum <a href=\"/[[ d.dd ]]\">dolorum</a></p>\n<div>\n  <span>c: [[ html:c ]] ff: [[ d.ee.ff ]]</span>\n</div>",
+    {
+      a: "yee haw",
+      b: 1,
+      c: "<b>yee haw</b>",
+      d: {
+        dd: "cheeseburgers",
+        ee: {
+          ff: "<i>a</i>"
+        },
+      },
+    }
+  ),
+  "<h1>yee haw</h1>\n<p>lorem ipsum <a href=\"/cheeseburgers\">dolorum</a></p>\n<div>\n  <span>c: <b>yee haw</b> ff: &lt;i&gt;a&lt;/i&gt;</span>\n</div>",
+  "simple variable test"
+);
+
+test_assert_equal(
+  renderer.render(
+    "<div>\n  <p [[ if:editable_paragraph ]]contenteditable=\"true\"[[ endif ]]>abcd</p>\n  <span>extra text: [[ if:extra_text ]]<b>[[ extra_text ]]</b>[[ endif ]]</span>\n  <i>[[ if:extra_text2 ]][[ extra_text2 ]][[ endif ]]</i>\n</div>",
+    {
+      editable_paragraph: true,
+      extra_text: "",
+      extra_text2: "this is extra text",
+    }
+  ),
+  "<div>\n  <p contenteditable=\"true\">abcd</p>\n  <span>extra text: </span>\n  <i>this is extra text</i>\n</div>",
+  "if statement test"
+);
+
+test_assert_equal(
+  renderer.render(
+    "[[ if:a ]][[ if:b ]]a and b are true[[ endif ]][[ endif ]], yay![[ if:c ]][[ if:d.a ]]but this will not show up[[ endif ]][[ endif ]]",
+    {
+      a: true,
+      b: true,
+      c: false,
+      d: {
+        a: false,
+      },
+    }
+  ),
+  "a and b are true, yay!",
+  "nested if statement test"
+);
+
+test_assert_equal(
+  renderer.render(
+    "<ul>\n  [[ for:loop_over ]][[ endfor ]]\n</ul>\n<p>[[ for:loop_over:item ]][[ endfor ]]</p>",
+    {
+      loop_over: [],
+    }
+  ),
+  "<ul>\n  \n</ul>\n<p></p>",
+  "empty for loop test"
+);
+
+test_assert_equal(
+  renderer.render(
+    "[[ for:letters:letter ]][[ if:letter.show ]]<p>[[ letter.letter ]]</p>[[ endif ]][[ endfor ]]",
+    {
+      letters: [
+        {
+          letter: "a",
+          show: true,
+        },
+        {
+          letter: "b",
+          show: false,
+        },
+        {
+          letter: "c",
+          show: true,
+        },
+        {
+          letter: "d",
+          show: false,
+        },
+      ],
+    }
+  ),
+  "<p>a</p><p>c</p>",
+  "nested for loop with if statement test"
+);
+
+//for loop and template
+test_assert_equal(
+  Renderer.remove_empty_lines(
+    renderer.render(
+      "<div>\n  <ul>\n    [[ for:posts:post ]]\n      [[ component:post-listing ]]\n      <li>[[ for:numbers ]]abc[[ endfor ]]</li>\n    [[ endfor ]]\n  </ul>\n</div>",
+      {
+        numbers: [1, 2, 3],
+        posts: [
+          {
+            slug: "abc",
+            title: "Abc!",
+          },
+          {
+            slug: "san-shi-san",
+            title: "San Shi San",
+          }
+        ]
+      }
+    )
+  ),
+  "<div>\n  <ul>\n      <li><a href=\"/posts/abc\">Abc!</a></li>\n      <li>abcabcabc</li>\n      <li><a href=\"/posts/san-shi-san\">San Shi San</a></li>\n      <li>abcabcabc</li>\n  </ul>\n</div>",
+  "for loop with template test"
+);
+
+log_test_results();