Skip to content

Instantly share code, notes, and snippets.

@aolde
Last active April 13, 2021 09:09
Show Gist options
  • Save aolde/e4b73340a2ce8d84460e7bbba078d36a to your computer and use it in GitHub Desktop.
Save aolde/e4b73340a2ce8d84460e7bbba078d36a to your computer and use it in GitHub Desktop.
How to test React components work in Server Side Rendering
/**
* @jest-environment node
*/
import React from 'react';
import { renderToString } from 'react-dom/server';
import Button from '../Button';
describe('<Button> SSR', () => {
it('should render correctly in server-side render', () => {
const result = renderToString(
<Button>Hello</Button>
);
expect(result).toContain('Hello');
});
});
const isBrowserEnv = typeof window !== 'undefined';
if (isBrowserEnv) {
// client render
// TOOD: Make sure that you move any client only setup here
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment