setBlock({language,code}) + return React.createElement('main', null, + React.createElement('aside', null, 'Navigation and sponsors'), + React.createElement(CodeBlock, null, + React.createElement('code', {className:'language-'+block.language}, block.code) + ) + ) + } + root.render(React.createElement(Page)) + `, + loader: 'tsx', + resolveDir: repoRoot, + }, + plugins: [fallbackPlugin], + bundle: true, + splitting: true, + format: 'esm', + platform: 'browser', + outdir: '/tmp/pele-loading-test', + write: false, + }) + const browser = await chromium.launch({ + executablePath: chromePath, + headless: true, + }) + let release = () => {} + const gate = new Promise((resolve) => { + release = () => resolve(undefined) + }) + let diagramRequests = 0 + try { + const page = await browser.newPage() + const errors: string[] = [] + page.on('pageerror', (error) => errors.push(error.message)) + await page.route('https://pele-test.invalid/**', async (route) => { + const filename = new URL(route.request().url()).pathname.slice(1) + if (!filename) { + await route.fulfill({ + contentType: 'text/html', + body: '', + }) + return + } + if (filename.startsWith('MermaidBlock-')) { + diagramRequests++ + await gate + } + const file = bundle.outputFiles.find( + (file) => path.basename(file.path) === filename, + ) + assert.ok(file, filename) + await route.fulfill({ contentType: 'text/javascript', body: file.text }) + }) + await page.goto('https://pele-test.invalid/') + await page.getByText('const value = 1', { exact: true }).waitFor() + assert.equal(diagramRequests, 0) + await page.evaluate( + `window.showCode('mermaid',${JSON.stringify(source)})`, + ) + await page.getByText(source, { exact: true }).waitFor() + assert.equal( + await page + .getByText('Navigation and sponsors', { exact: true }) + .isVisible(), + true, + ) + assert.equal(await page.locator('.mermaid-block > svg').count(), 0) + release() + await page.locator('.mermaid-block > svg').waitFor() + assert.equal(diagramRequests, 1) + assert.equal(await page.locator('#root pre').count(), 0) + assert.equal( + await page + .getByText('Navigation and sponsors', { exact: true }) + .isVisible(), + true, + ) assert.deepEqual(errors, []) } finally { + release() await browser.close() } },