this counts as SSR<\/div>/);
+ });
+
+ describe('Imperative DOM, no {{prerender}} field', () => {
+ it('should return serialized HTML', async () => {
+ const { html, document } = await compileToHtml('basic', withPrerender);
+
+ // verify that our DOM-generated content has been prerendered into the static HTML:
+ expect(html).toMatch(/
this counts as SSR<\/div>/);
+ // ... and that there's no extra children:
+ expect(document.body.children).toHaveLength(2);
+ // ... and that html-webpack-plugin was able to inject scripts after the content:
+ expect(document.body.firstElementChild).toHaveProperty('outerHTML', '
this counts as SSR
');
+ expect(html).toMatchSnapshot();
+ });
+ });
+
+ describe('default export function, no {{prerender}} field', () => {
+ it('should inject returned HTML into ', async () => {
+ const { html, document } = await compileToHtml('factory', withPrerender);
+
+ // verify that our DOM-generated content has been prerendered into the static HTML:
+ expect(html).toMatch(/
some returned HTML<\/div>/);
+ // ... and that there's no extra children:
+ expect(document.body.children).toHaveLength(2);
+ // ... and that html-webpack-plugin was able to inject scripts after the content:
+ expect(document.body.firstElementChild).toHaveProperty('outerHTML', '
some returned HTML
');
+ expect(html).toMatchSnapshot();
+ });
+ });
+
+ describe('default export function, with {{prerender}} field', () => {
+ //
some returned HTML
+ it('should inject returned HTML in place of {{prerender}}', async () => {
+ const { html, document } = await compileToHtml('with-field', withPrerender);
+
+ // verify that our DOM-generated content has been prerendered into the static HTML:
+ expect(html).toMatch(/
more returned HTML<\/div>/);
+ expect(document.body.children).toHaveLength(2);
+ // verify our the wrapper element that contained {{prerender}} is still present:
+ expect(document.body.firstElementChild).toHaveProperty('id', 'wrapper');
+ // verify the wrapper element contains all of the prerendered content:
+ expect(document.getElementById('wrapper').innerHTML).toMatch(/^\s*
more returned HTML<\/div>\s*$/);
+ expect(html).toMatchSnapshot();
+ });
+ });
+
+ describe('named export function', () => {
+ it('should invoke the only named export', async () => {
+ const { html } = await compileToHtml('named-export-fn', withPrerender);
+ expect(html).toMatch(/
some HTML returned from prerender\(\)<\/div>/);
+ });
+ });
+
+ describe('exported value', () => {
+ it('should invoke the only named export', async () => {
+ const { html } = await compileToHtml('value-export', withPrerender);
+ expect(html).toMatch(/
this is the resolved value of PRERENDERED_HTML<\/div>/);
+ });
+ });
+
+ describe('exported function with no return value', () => {
+ it('should serialize the whole document', async () => {
+ const { html, document } = await compileToHtml('function-export-dom', withPrerender);
+ expect(html).toMatch(/
content injected into the dom<\/div>/);
+ expect(document.body.children).toHaveLength(2);
+ expect(html).toMatchSnapshot();
+ });
+ });
+});
+ 
+