test(coverage): add test for serializing html strings

kentcdodds · Mar 16, 2018 · d626d95 · d626d95
1 parent ae25541
commit d626d95
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/__tests__/__snapshots__/serializer.js.snap b/src/__tests__/__snapshots__/serializer.js.snap
@@ -199,3 +199,14 @@ exports[`works when the root element does not have styles 1`] = `
   />
 </div>
 `;
+
+exports[`works with strings 1`] = `
+.css-0,
+[data-css-0] {
+  margin: 10px;
+}
+
+<div
+  class="css-0"
+/>
+`;
diff --git a/src/__tests__/serializer.js b/src/__tests__/serializer.js
@@ -68,6 +68,12 @@ test(`doesn't mess up stuff that does't have styles`, () => {
   expect(tree).toMatchSnapshot()
 })
 
+test('works with strings', () => {
+  const className = glamor.css({margin: 10})
+  const html = `<div class="${className}"></div>`
+  expect(html).toMatchSnapshot()
+})
+
 test(`doesn't mess up stuff when styles have a child selector`, () => {
   const style = glamor.css({
     '> div': {