fix: inject meta utf-8 into the document head

bahmutov · bahmutov · commit 85e8e8c06e93 · 2019-04-02T10:07:12.000-04:00
diff --git a/cypress/integration/hello-x-spec.js b/cypress/integration/hello-x-spec.js
@@ -9,6 +9,11 @@ describe('HelloX component', () => {
     cy.mount(<HelloX name='SuperMan' />)
     cy.contains('Hello SuperMan!')
   })
+
+  it.only('renders Unicode', () => {
+    cy.mount(<HelloX name='🌎' />)
+    cy.contains('Hello 🌎!')
+  })
 })
 
 describe('HelloState component', () => {
diff --git a/lib/index.ts b/lib/index.ts
@@ -31,10 +31,16 @@ Cypress.Commands.add('injectReactDOM', () => {
     // otherwise the component will NOT be able to dispatch any events
     // when it runs the second time
     // https://github.com/bahmutov/cypress-react-unit-test/issues/3
-    var html = `<body>
-          <div id="cypress-jsdom"></div>
-          ${scripts}
-        </body>`
+
+    var html = `
+    <head>
+      <meta charset="utf-8">
+    </head>
+    <body>
+      <div id="cypress-jsdom"></div>
+      ${scripts}
+    </body>`
+
     const document = cy.state('document')
     document.write(html)
     document.close()
