wip(tests): test custom blocks

FranckFreiburger · FranckFreiburger · commit dd9707b80f98 · 2021-03-03T20:03:37.000+01:00
diff --git a/tests/basic.test.js b/tests/basic.test.js
@@ -407,6 +407,48 @@ test('should handle missing dynamic import', async () => {
 });
 
 
+test.only('should handle custom blocks asynchronously', async () => {
+
+	const { page, output } = await createPage({
+		files: {
+			...defaultFiles,
+			'/component.vue': `
+				<script>
+					export default {
+						mounted() {
+
+							console.log( this.$options.bazComponentProperty );
+						}
+					}
+				</script>
+
+				<foo>bar</foo>
+
+			`,
+			'/optionsOverride.js': `
+
+				export default options => {
+
+					options.customBlockHandler = async (block, filename, options) => {
+
+						console.log(block.type, block.content);
+
+						return async (component) => {
+
+							component.bazComponentProperty = 'baz';
+						}
+					}
+				}
+			`
+		}
+	});
+
+	expect(output.filter(e => e.type === 'log').map(e => e.content).flat().join(',')).toBe('foo,bar,baz');
+
+	await page.close();
+});
+
+
 /*
 xtest('should not hang on cycles', async () => {
 
diff --git a/tests/testsTools.js b/tests/testsTools.js
@@ -100,13 +100,22 @@ afterAll(async () => {
 const defaultFiles = {
 	'/vue3-sfc-loader.js': Fs.readFileSync(Path.join(__dirname, '../dist/vue3-sfc-loader.js'), { encoding: 'utf-8' }),
 	'/vue': Fs.readFileSync(Path.join(__dirname, '../node_modules/vue/dist/vue.global.js'), { encoding: 'utf-8' }),
+	'/optionsOverride.js': `
+		export default () => {};
+	`,
+	'/appOverride.js': `
+		export default () => {};
+	`,
 	'/index.html': `
 		<!DOCTYPE html>
 		<html><body>
 			<div id="app"></div>
 			<script src="vue"></script>
 			<script src="vue3-sfc-loader.js"></script>
-			<script>
+			<script type="module">
+
+				import optionsOverride from '/optionsOverride.js'
+				import appOverride from '/appOverride.js'
 
 				class HttpError extends Error {
 
@@ -155,8 +164,13 @@ const defaultFiles = {
 					}
 				}
 
+				optionsOverride(options);
+
 				const { loadModule } = window['vue3-sfc-loader'];
 				const app = Vue.createApp(Vue.defineAsyncComponent( () => loadModule('./component.vue', options) ));
+
+				appOverride(app);
+
 				app.mount('#app');
 
 				//window._done && window._done();
