fix: change extra scripts order and add style tag (#34)

flybondi · Oct 10, 2019 · 3ccf975 · 3ccf975
1 parent f7ccc21
commit 3ccf975
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/server/src/Document.component.jsx b/packages/server/src/Document.component.jsx
@@ -49,11 +49,12 @@ export function DocumentComponent({
         {helmet.title.toComponent()}
         {helmet.meta.toComponent()}
         {helmet.link.toComponent()}
+        {extraHeadTags.map(renderTags)}
+        {helmet.style.toComponent()}
         {helmet.script.toComponent()}
         {extractor && getHeaderTags(extractor)}
         {criticalCSS !== false && criticalCSS}
         {clientCss && <link rel="stylesheet" href={clientCss} />}
-        {extraHeadTags.map(renderTags)}
       </head>
       <body {...bodyAttrs}>
         {error ? (

diff --git a/packages/server/src/Document.test.js b/packages/server/src/Document.test.js
@@ -21,6 +21,9 @@ test('should render the server-app-state', () => {
       script: {
         toComponent: jest.fn()
       },
+      style: {
+        toComponent: jest.fn()
+      },
       htmlAttributes: {
         toComponent: jest.fn()
       },
@@ -67,6 +70,9 @@ test('should filter the server-app-state with the given function', () => {
       script: {
         toComponent: jest.fn()
       },
+      style: {
+        toComponent: jest.fn()
+      },
       htmlAttributes: {
         toComponent: jest.fn()
       },
@@ -136,6 +142,9 @@ test('should render the extra html tags in the `head`', () => {
       script: {
         toComponent: jest.fn()
       },
+      style: {
+        toComponent: jest.fn()
+      },
       htmlAttributes: {
         toComponent: jest.fn()
       },