gabehf/sqm-dashboards
1
0
Fork 0
mirror of https://github.com/edcommonwealth/sqm-dashboards.git synced 2026-03-08 23:18:18 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Show modal when no measures for a school/year have meet their threshold

Browse source
This commit is contained in:
Liam Morley 2021-11-10 15:44:21 -05:00
parent edeb3f4e59
commit cf6e80ce6b
18 changed files with 220 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

49
spec/javascript/modal.spec.js Normal file
View file

@ -0,0 +1,49 @@
import { showEmptyDatasetModal } from "modal";
describe("Empty data set modal", () => {
describe("When a modal element exists on the page", () => {
beforeEach(() => {
document.body.innerHTML = `<html><body>
<div class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</body> </html> `;
});
it("Adds a class to make the modal visible", () => {
showEmptyDatasetModal();
const modal = document.querySelector(".modal");
expect(modal.classList.contains('show')).toBe(true);
});
});
describe("When a modal doesn't exist on the page", () => {
beforeEach(() => {
document.body.innerHTML = `
<html>
<body></body>
</html>
`
})
it("ignores the content", () =>{
showEmptyDatasetModal();
const modal = document.querySelector(".modal");
expect(modal).toBe(null);
})
})
});