feat: add initial jest test for the ratio component's twig rendering

boltdesignsystem · Feb 21, 2019 · 754dfd7 · 754dfd7
1 parent 0cc58e6
commit 754dfd7
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/packages/components/bolt-ratio/__tests__/__snapshots__/ratio.js.snap b/packages/components/bolt-ratio/__tests__/__snapshots__/ratio.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<bolt-ratio> Component <bolt-ratio> compiles 1`] = `
+
+<bolt-ratio ratio="1200/660"
+            style="padding-bottom: calc(660 / 1200 * 100%); --aspect-ratio: 1200/660"
+>
+  <img src="/fixtures/1200x660.jpg">
+</bolt-ratio>
+
+`;
diff --git a/packages/components/bolt-ratio/__tests__/fixtures/1200x660.jpg b/packages/components/bolt-ratio/__tests__/fixtures/1200x660.jpg
diff --git a/packages/components/bolt-ratio/__tests__/ratio.js b/packages/components/bolt-ratio/__tests__/ratio.js
@@ -0,0 +1,12 @@
+const { render } = require('@bolt/twig-renderer');
+
+describe('<bolt-ratio> Component', async () => {
+  test('<bolt-ratio> compiles', async () => {
+    const results = await render('@bolt-components-ratio/ratio.twig', {
+      children: '<img src="/fixtures/1200x660.jpg">',
+      ratio: '1200/660',
+    });
+    expect(results.ok).toBe(true);
+    expect(results.html).toMatchSnapshot();
+  });
+});