Add e2e test

rm trailing space from test

.github/workflows/build_test_deploy.yml

@@ -629,6 +629,9 @@ jobs:
       - run: xvfb-run node run-tests.js --timings -g ${{ matrix.group }}/18
         if: ${{needs.build.outputs.docsChange != 'docs only change'}}
 
+      - run: xvfb-run node run-tests.js test/e2e/pnpm-ssr/index.test.ts
+        if: ${{needs.build.outputs.docsChange != 'docs only change'}}
+
       - name: Upload test trace
         if: always()
         uses: actions/upload-artifact@v2

packages/next-swc/crates/styled_jsx/tests/fixture/issue-30570/input.js

@@ -2,7 +2,7 @@ export default function IndexPage() {
     return (
       <div>
         <h1>Hello World.</h1>
-  
+
         <style jsx global>{`
           @supports (display: flex) {
             h1 {

test/e2e/pnpm-ssr/index.test.ts

@@ -0,0 +1,34 @@
+import { createNext } from 'e2e-utils'
+import { NextInstance } from 'test/lib/next-modes/base'
+import { renderViaHTTP } from 'next-test-utils'
+import cheerio from 'cheerio'
+
+describe('pnpm ssr', () => {
+  let next: NextInstance
+
+  beforeAll(async () => {
+    next = await createNext({
+      files: {
+        'pages/index.js': `
+          export default function Page() {
+            return (
+              <div>
+                <style jsx>{'p { color: red; }'}</style>
+                <p>hello world</p>
+              </div>
+            )
+          }
+        `,
+      },
+      dependencies: {},
+      installCommand: 'pnpm install',
+    })
+  })
+  afterAll(() => next.destroy())
+
+  it('should contain styled-jsx styles in html', async () => {
+    const html = await renderViaHTTP(next.url, '/')
+    const $ = cheerio.load(html)
+    expect($('head').text()).toContain('color:red')
+  })
+})