this counts as SSR<\/div>/);
91 | });
92 |
93 | describe('Imperative DOM, no {{prerender}} field', () => {
94 | it('should return serialized HTML', async () => {
95 | const { html, document } = await compileToHtml('basic', withPrerender);
96 |
97 | // verify that our DOM-generated content has been prerendered into the static HTML:
98 | expect(html).toMatch(/
this counts as SSR<\/div>/);
99 | // ... and that there's no extra children:
100 | expect(document.body.children).toHaveLength(2);
101 | // ... and that html-webpack-plugin was able to inject scripts after the content:
102 | expect(document.body.firstElementChild).toHaveProperty('outerHTML', '
this counts as SSR
');
103 | expect(html).toMatchSnapshot();
104 | });
105 | });
106 |
107 | describe('default export function, no {{prerender}} field', () => {
108 | it('should inject returned HTML into ', async () => {
109 | const { html, document } = await compileToHtml('factory', withPrerender);
110 |
111 | // verify that our DOM-generated content has been prerendered into the static HTML:
112 | expect(html).toMatch(/
some returned HTML<\/div>/);
113 | // ... and that there's no extra children:
114 | expect(document.body.children).toHaveLength(2);
115 | // ... and that html-webpack-plugin was able to inject scripts after the content:
116 | expect(document.body.firstElementChild).toHaveProperty('outerHTML', '
some returned HTML
');
117 | expect(html).toMatchSnapshot();
118 | });
119 | });
120 |
121 | describe('default export function, with {{prerender}} field', () => {
122 | //
some returned HTML
123 | it('should inject returned HTML in place of {{prerender}}', async () => {
124 | const { html, document } = await compileToHtml('with-field', withPrerender);
125 |
126 | // verify that our DOM-generated content has been prerendered into the static HTML:
127 | expect(html).toMatch(/
more returned HTML<\/div>/);
128 | expect(document.body.children).toHaveLength(2);
129 | // verify our the wrapper element that contained {{prerender}} is still present:
130 | expect(document.body.firstElementChild).toHaveProperty('id', 'wrapper');
131 | // verify the wrapper element contains all of the prerendered content:
132 | expect(document.getElementById('wrapper').innerHTML).toMatch(/^\s*
more returned HTML<\/div>\s*$/);
133 | expect(html).toMatchSnapshot();
134 | });
135 | });
136 |
137 | describe('named export function', () => {
138 | it('should invoke the only named export', async () => {
139 | const { html } = await compileToHtml('named-export-fn', withPrerender);
140 | expect(html).toMatch(/
some HTML returned from prerender\(\)<\/div>/);
141 | });
142 | });
143 |
144 | describe('exported value', () => {
145 | it('should invoke the only named export', async () => {
146 | const { html } = await compileToHtml('value-export', withPrerender);
147 | expect(html).toMatch(/
this is the resolved value of PRERENDERED_HTML<\/div>/);
148 | });
149 | });
150 |
151 | describe('exported function with no return value', () => {
152 | it('should serialize the whole document', async () => {
153 | const { html, document } = await compileToHtml('function-export-dom', withPrerender);
154 | expect(html).toMatch(/
content injected into the dom<\/div>/);
155 | expect(document.body.children).toHaveLength(2);
156 | expect(html).toMatchSnapshot();
157 | });
158 | });
159 |
160 | const DOCUMENT_URL = 'http://localhost/page';
161 |
162 | describe(`?documentUrl=${DOCUMENT_URL}`, () => {
163 | it('should set the value returned by window.location', async () => {
164 | const { document } = await compileToHtml('document-url', configure({ string: true, documentUrl: DOCUMENT_URL }));
165 |
166 | // verify that our DOM-generated content has been prerendered into the static HTML:
167 | expect(document.body.firstElementChild).toHaveProperty('outerHTML', `
${DOCUMENT_URL}
`);
168 | });
169 | });
170 | });
171 |
--------------------------------------------------------------------------------
3 | 
6 |