Added slot tests

jest.config.js

@@ -11,9 +11,6 @@ module.exports = {
 		'/node_modules/',
 	],
 	moduleNameMapper: {
-		'vue-pseudo-window': '<rootDir>/src/pseudo-window',
+		'vue-pseudo-window': '<rootDir>/dist/pseudo-window',
 	},
-	snapshotSerializers: [
-		'jest-serializer-vue',
-	],
 };

package.json

@@ -37,7 +37,6 @@
     "eslint-plugin-import": "^2.20.1",
     "husky": "^4.2.3",
     "jest": "^25.1.0",
-    "jest-serializer-vue": "^2.0.2",
     "rollup": "^2.1.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-filesize": "^6.2.1",

src/pseudo-window.js

@@ -1,3 +1,6 @@
+const { hasOwnProperty } = Object.prototype;
+const hasOwn = (obj, prop) => hasOwnProperty.call(obj, prop);
+
 // From: https://github.com/vuejs/vue/blob/6fe07ebf5ab3fea1860c59fe7cdd2ec1b760f9b0/src/core/vdom/helpers/update-listeners.js#L14
 const normalizeEvent = (M_target, M_name, M_handler) => {
 	const passive = M_name[0] === '&';
@@ -21,8 +24,26 @@ const normalizeEvent = (M_target, M_name, M_handler) => {
 	};
 };
 
-const { hasOwnProperty } = Object;
-const hasOwn = (obj, prop) => hasOwnProperty.call(obj, prop);
+const bindEventListners = ($listeners, element, handlers) => {
+	for (const eventName in $listeners) {
+		if (!hasOwn($listeners, eventName)) { continue; }
+		const eventHandler = $listeners[eventName];
+		const e = /* @__PURE__ */normalizeEvent(
+			element,
+			eventName,
+			eventHandler,
+		);
+		e.M_target.addEventListener(e.M_name, e.M_handler, e.M_opts);
+		handlers.push(e);
+	}
+};
+
+const unbindEventListeners = (handlers) => {
+	while (handlers.length) {
+		const e = handlers.shift();
+		e.M_target.removeEventListener(e.M_name, e.M_handler, e.M_opts);
+	}
+};
 
 export default {
 	name: 'pseudo-window',
@@ -41,25 +62,14 @@ export default {
 	},
 
 	mounted() {
-		// Bind events
-		for (const $k in this.$listeners) {
-			if (!hasOwn(this.$listeners, $k)) { continue; }
-			const $v = this.$listeners[$k];
-			const e = normalizeEvent(
-				this.document ? window.document : window,
-				$k, // event name
-				$v, // event handler
-			);
-			e.M_target.addEventListener(e.M_name, e.M_handler, e.M_opts);
-			this.M_handlers.push(e);
-		}
+		bindEventListners(
+			this.$listeners,
+			this.document ? window.document : window,
+			this.M_handlers,
+		);
 	},
 
 	destroyed() {
-		// Unbind events
-		while (this.M_handlers.length) {
-			const e = this.M_handlers.shift();
-			e.M_target.removeEventListener(e.M_name, e.M_handler, e.M_opts);
-		}
+		unbindEventListeners(this.M_handlers);
 	},
 };

test/PseudoWindow.spec.js

@@ -1,21 +1,65 @@
+import Vue from 'vue';
 import { mount } from '@vue/test-utils';
 import PseudoWindow from 'vue-pseudo-window';
 
+describe('Slot', () => {
+	it('pass through nothing', () => {
+		const wrapper = mount({
+			template: '<pseudo-window />',
+			components: {
+				PseudoWindow,
+			},
+		});
+
+		expect(wrapper.html()).toBe('');
+	});
+
+	it('pass through one element', () => {
+		const wrapper = mount({
+			template: '<pseudo-window><div>Hello world</div></pseudo-window>',
+			components: {
+				PseudoWindow,
+			},
+		});
+
+		expect(wrapper.html()).toBe('<div>Hello world</div>');
+	});
+
+	it('should warn on multiple children', () => {
+		const warnHandler = jest.fn();
+		Vue.config.warnHandler = warnHandler;
+		const wrapper = mount({
+			template: `
+				<div>
+					<pseudo-window>
+						<div>Hello world</div>
+						<div>Hello world</div>
+					</pseudo-window>
+				</div>
+			`,
+			components: {
+				PseudoWindow,
+			},
+		});
+		expect(wrapper.html()).toBe('<div>\n  <!---->\n</div>');
+		expect(warnHandler).toBeCalled();
+	});
+});
+
 describe('Window', () => {
 	it('should not catch "click" event', () => {
 		const myMockFn = jest.fn();
-		const wrapper = mount(PseudoWindow, {
+		mount(PseudoWindow, {
 			attachToDocument: true,
 		});
 
 		global.window.dispatchEvent(new Event('click'));
 		expect(myMockFn).not.toBeCalled();
-		expect(wrapper.element).toMatchSnapshot();
 	});
 
 	it('should catch "resize" event', () => {
 		const myMockFn = jest.fn();
-		const wrapper = mount(PseudoWindow, {
+		mount(PseudoWindow, {
 			attachToDocument: true,
 			listeners: {
 				resize: myMockFn,
@@ -24,7 +68,6 @@ describe('Window', () => {
 
 		global.window.dispatchEvent(new Event('resize'));
 		expect(myMockFn).toBeCalled();
-		expect(wrapper.element).toMatchSnapshot();
 	});
 
 	it('should cleanup event handler and not catch "resize" event', () => {
@@ -40,12 +83,11 @@ describe('Window', () => {
 
 		global.window.dispatchEvent(new Event('resize'));
 		expect(myMockFn).not.toHaveBeenCalled();
-		expect(wrapper.element).toMatchSnapshot();
 	});
 
 	it('should catch "resize" event once', () => {
 		const myMockFn = jest.fn();
-		const wrapper = mount(PseudoWindow, {
+		mount(PseudoWindow, {
 			attachToDocument: true,
 			listeners: {
 				'~resize': myMockFn,
@@ -55,7 +97,6 @@ describe('Window', () => {
 		global.window.dispatchEvent(new Event('resize'));
 		global.window.dispatchEvent(new Event('resize'));
 		expect(myMockFn.mock.calls.length).toBe(1);
-		expect(wrapper.element).toMatchSnapshot();
 	});
 
 	it('should not catch "resize" event', () => {
@@ -71,14 +112,13 @@ describe('Window', () => {
 
 		global.window.dispatchEvent(new Event('resize'));
 		expect(myMockFn).not.toBeCalled();
-		expect(wrapper.element).toMatchSnapshot();
 	});
 });
 
 describe('Document', () => {
 	it('should not catch "resize" on window', () => {
 		const myMockFn = jest.fn();
-		const wrapper = mount(PseudoWindow, {
+		mount(PseudoWindow, {
 			attachToDocument: true,
 			propsData: {
 				document: true,
@@ -91,12 +131,11 @@ describe('Document', () => {
 		global.window.dispatchEvent(new Event('resize'));
 
 		expect(myMockFn).not.toHaveBeenCalled();
-		expect(wrapper.element).toMatchSnapshot();
 	});
 
 	it('should catch "click" on document', () => {
 		const myMockFn = jest.fn();
-		const wrapper = mount(PseudoWindow, {
+		mount(PseudoWindow, {
 			attachToDocument: true,
 			propsData: {
 				document: true,
@@ -109,6 +148,5 @@ describe('Document', () => {
 		global.window.document.dispatchEvent(new Event('click'));
 
 		expect(myMockFn).toHaveBeenCalled();
-		expect(wrapper.element).toMatchSnapshot();
 	});
 });