jenesius-vue-modal/tests/esc-closing.spec.ts

The progressive and simple modal system for Vue.js v3

import {config, container} from "../src/index";
import {fireEvent, render} from "@testing-library/vue";
import openModal from "../src/methods/openModal";
import ModalTitle from "./components/modal-title.vue";
import wait from "./wait";

afterEach(() => {
	config({
		escClose: true
	})
})
describe("Test Esc closing", () => {
	test("Modal should close after pressed Esc", async () => {
		await render(container);
		const modal = await openModal(ModalTitle);
		await fireEvent.keyUp(document, {key: "Escape"});
		await wait(5);
		expect(modal.closed.value).toBe(true);
	})
	test("Modal shouldn't close, if using config.escClose = false", async () => {
		await render(container);
		const modal = await openModal(ModalTitle);
		config({
			escClose: false
		})
		await fireEvent.keyUp(document, {key: "Escape"});
		await wait(5);
		expect(modal.closed.value).toBe(false);
	})
})