wip(tests): enhance tests

FranckFreiburger · FranckFreiburger · commit 68f1f376ff10 · 2021-03-04T20:52:27.000+01:00
diff --git a/tests/basic.test.js b/tests/basic.test.js
@@ -423,11 +423,10 @@ test('should handle custom blocks asynchronously', async () => {
 				</script>
 
 				<foo>bar</foo>
-
 			`,
-			'/optionsOverride.js': `
 
-				export default options => {
+			'/boot.js': `
+				export default function boot({ options, createApp, mountApp }) {
 
 					options.customBlockHandler = async (block, filename, options) => {
 
@@ -438,6 +437,8 @@ test('should handle custom blocks asynchronously', async () => {
 							component.bazComponentProperty = 'baz';
 						}
 					}
+
+					mountApp( createApp(options) );
 				}
 			`
 		}
@@ -449,6 +450,62 @@ test('should handle custom blocks asynchronously', async () => {
 });
 
 
+test('should use cache', async () => {
+
+	const { page, output } = await createPage({
+		files: {
+			...defaultFiles,
+			'/component.vue': `
+				<script>
+					export default {
+						mounted() {
+							console.log('mounted')
+						}
+					}
+				</script>
+				<foo>bar</foo>
+			`,
+			'/boot.js': `
+				export default function boot({ options, createApp, mountApp, Vue }) {
+
+					const myCache = {};
+
+					Object.assign(options, {
+						compiledCache: {
+							set(key, str) {
+
+								console.log('cache.set')
+								myCache[key] = str;
+							},
+							get(key) {
+
+								console.log('cache.get')
+								return myCache[key];
+							},
+						}
+					});
+
+
+					mountApp(createApp(options), 'elt1');
+
+					options.moduleCache = {
+						vue: Vue
+					};
+
+					mountApp(createApp(options), 'elt2');
+				}
+			`
+		}
+	});
+
+
+	expect(output.filter(e => e.type === 'log').map(e => e.content).flat().join(',')).toBe('cache.get,cache.set,mounted,cache.get,mounted');
+
+	await page.close();
+});
+
+
+
 /*
 xtest('should not hang on cycles', async () => {
 
diff --git a/tests/testsTools.js b/tests/testsTools.js
@@ -100,22 +100,23 @@ 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 () => {};
+	'/boot.js': `
+
+		export default function boot({ options, createApp, mountApp }) {
+
+			mountApp( createApp(options) );
+		}
+
 	`,
+
 	'/index.html': `
 		<!DOCTYPE html>
 		<html><body>
-			<div id="app"></div>
 			<script src="vue"></script>
 			<script src="vue3-sfc-loader.js"></script>
 			<script type="module">
 
-				import optionsOverride from '/optionsOverride.js'
-				import appOverride from '/appOverride.js'
+				import boot from '/boot.js'
 
 				class HttpError extends Error {
 
@@ -164,14 +165,28 @@ 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');
+				function createApp(options) {
+
+					return Vue.createApp(Vue.defineAsyncComponent( () => loadModule('./component.vue', options) ));
+				}
+
+				function mountApp(app, eltId = 'app') {
+
+					if ( !document.getElementById(eltId) ) {
+
+						const parent = document.body;
+						const elt = document.createElement('div');
+						elt.id = eltId;
+						parent.insertBefore(elt, parent.firstChild);
+					}
+
+					return app.mount('#' + eltId);
+				}
+
+				boot({ options, createApp, mountApp, Vue });
 
 				//window._done && window._done();
 
