darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-06-27 02:41:56 -04:00
Code Issues Packages Projects Releases Wiki Activity

Feat/webpack (#2998)

Browse Source 
* First commit

* Removed govuk for webpack. Modernized javascript importing. Removed dead js

* Fixed tests, a few styling bugs

* Fixed some table errors and regenerated backstop ref images

* Updated tests for coverage

* Changes from carlo suggestions
This commit is contained in:
Alex Janousek
2025-10-14 13:20:58 -04:00
committed by GitHub
parent 3b3191b337
commit 3a39d910b3
62 changed files with 1657 additions and 4861 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
tests/javascripts/templateFolderForm.test.js
View File

@@ -220,7 +220,7 @@ describe('TemplateFolderForm', () => {
});
function getTemplateFolderCheckboxes () {
return templateFolderForm.querySelectorAll('.usa-checkbox__label');
return templateFolderForm.querySelectorAll('.usa-checkbox__input');
};
function getVisibleCounter () {
@@ -832,6 +832,9 @@ describe('TemplateFolderForm', () => {
describe("Additional selection counter scenarios", () => {
let templateFolderCheckboxes;
let visibleCounterText;
let hiddenCounterText;
let formControls;
beforeEach(() => {
@@ -855,19 +858,40 @@ describe('TemplateFolderForm', () => {
test("the content of both visible and hidden counters should match", () => {
// Ensure all checkboxes start unchecked
templateFolderCheckboxes.forEach(checkbox => checkbox.checked = false);
helpers.triggerEvent(templateFolderCheckboxes[1], 'click');
helpers.triggerEvent(templateFolderCheckboxes[2], 'click');
visibleCounterText = getVisibleCounter().textContent.trim();
hiddenCounterText = getHiddenCounter().textContent.trim();
expect(visibleCounterText).toEqual(hiddenCounterText);
});
test("the content of the counter should reflect the selection", () => {
helpers.triggerEvent(templateFolderCheckboxes[1], 'click');
helpers.triggerEvent(templateFolderCheckboxes[2], 'click');
// Re-query checkboxes to ensure we have fresh references
const checkboxes = getTemplateFolderCheckboxes();
expect(visibleCounterText).toEqual('2 templates selected');
// Ensure all checkboxes start unchecked
checkboxes.forEach(checkbox => {
checkbox.checked = false;
helpers.triggerEvent(checkbox, 'change');
});
// Click templates (indices 1 and 2)
checkboxes[1].checked = true;
helpers.triggerEvent(checkboxes[1], 'change');
checkboxes[2].checked = true;
helpers.triggerEvent(checkboxes[2], 'change');
visibleCounterText = getVisibleCounter().textContent.trim();
// Application counts the content, not just the number of items selected
expect(visibleCounterText).toEqual('1 template, 1 folder selected');
});
@@ -877,17 +901,37 @@ describe('TemplateFolderForm', () => {
test("the content of both visible and hidden counters should match", () => {
// Ensure all checkboxes start unchecked
templateFolderCheckboxes.forEach(checkbox => checkbox.checked = false);
helpers.triggerEvent(templateFolderCheckboxes[0], 'click');
visibleCounterText = getVisibleCounter().textContent.trim();
hiddenCounterText = getHiddenCounter().textContent.trim();
expect(visibleCounterText).toEqual(hiddenCounterText);
});
test("the content of the counter should reflect the selection", () => {
helpers.triggerEvent(templateFolderCheckboxes[0], 'click');
// Re-query checkboxes to ensure we have fresh references
const checkboxes = getTemplateFolderCheckboxes();
expect(visibleCounterText).toEqual('1 folder selected');
// Ensure all checkboxes start unchecked
checkboxes.forEach(checkbox => {
checkbox.checked = false;
helpers.triggerEvent(checkbox, 'change');
});
// Click folder (index 0)
checkboxes[0].checked = true;
helpers.triggerEvent(checkboxes[0], 'change');
visibleCounterText = getVisibleCounter().textContent.trim();
// Application counts the content within the folder
expect(visibleCounterText).toEqual('1 template, 1 folder selected');
});