mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-09 19:04:33 -04:00
Added more unit tests to increase code coverage
This commit is contained in:
@@ -65,5 +65,140 @@ describe('Prevent duplicate form submissions', () => {
|
||||
|
||||
});
|
||||
|
||||
test("It should not error when form has no submit button", () => {
|
||||
|
||||
document.body.innerHTML = `
|
||||
<form action="/" method="post">
|
||||
<input type="text" name="test">
|
||||
</form>`;
|
||||
|
||||
form = document.querySelector('form');
|
||||
formEventSpy = helpers.spyOnFormSubmitEventPrevention(jest, form);
|
||||
|
||||
jest.resetModules();
|
||||
require('../../app/assets/javascripts/preventDuplicateFormSubmissions.js');
|
||||
|
||||
expect(() => {
|
||||
helpers.triggerEvent(form, 'submit');
|
||||
}).not.toThrow();
|
||||
|
||||
});
|
||||
|
||||
test("It should disable and add spinner to 'send' button", () => {
|
||||
|
||||
document.body.innerHTML = `
|
||||
<form action="/" method="post">
|
||||
<button class="usa-button" type="submit" name="send">Send</button>
|
||||
</form>`;
|
||||
|
||||
form = document.querySelector('form');
|
||||
button = document.querySelector('button');
|
||||
formEventSpy = helpers.spyOnFormSubmitEventPrevention(jest, form);
|
||||
|
||||
jest.resetModules();
|
||||
require('../../app/assets/javascripts/preventDuplicateFormSubmissions.js');
|
||||
|
||||
helpers.triggerEvent(button, 'click');
|
||||
|
||||
jest.advanceTimersByTime(100);
|
||||
|
||||
expect(button.disabled).toBe(true);
|
||||
expect(button.getAttribute('aria-busy')).toBe('true');
|
||||
expect(button.querySelector('.loading-spinner')).not.toBeNull();
|
||||
|
||||
});
|
||||
|
||||
test("It should disable and add spinner to 'schedule' button", () => {
|
||||
|
||||
document.body.innerHTML = `
|
||||
<form action="/" method="post">
|
||||
<button class="usa-button" type="submit" name="schedule">Schedule</button>
|
||||
</form>`;
|
||||
|
||||
form = document.querySelector('form');
|
||||
button = document.querySelector('button');
|
||||
formEventSpy = helpers.spyOnFormSubmitEventPrevention(jest, form);
|
||||
|
||||
jest.resetModules();
|
||||
require('../../app/assets/javascripts/preventDuplicateFormSubmissions.js');
|
||||
|
||||
helpers.triggerEvent(button, 'click');
|
||||
|
||||
jest.advanceTimersByTime(100);
|
||||
|
||||
expect(button.disabled).toBe(true);
|
||||
expect(button.getAttribute('aria-busy')).toBe('true');
|
||||
expect(button.querySelector('.loading-spinner')).not.toBeNull();
|
||||
|
||||
});
|
||||
|
||||
test("It should disable both send and cancel buttons when send is clicked", () => {
|
||||
|
||||
document.body.innerHTML = `
|
||||
<form action="/" method="post">
|
||||
<button class="usa-button" type="submit" name="send">Send</button>
|
||||
<button class="usa-button" type="submit" name="cancel">Cancel</button>
|
||||
</form>`;
|
||||
|
||||
form = document.querySelector('form');
|
||||
const sendButton = document.querySelector('button[name="send"]');
|
||||
const cancelButton = document.querySelector('button[name="cancel"]');
|
||||
formEventSpy = helpers.spyOnFormSubmitEventPrevention(jest, form);
|
||||
|
||||
jest.resetModules();
|
||||
require('../../app/assets/javascripts/preventDuplicateFormSubmissions.js');
|
||||
|
||||
helpers.triggerEvent(sendButton, 'click');
|
||||
|
||||
jest.advanceTimersByTime(100);
|
||||
|
||||
expect(sendButton.disabled).toBe(true);
|
||||
expect(cancelButton.disabled).toBe(true);
|
||||
|
||||
});
|
||||
|
||||
test("It should not add duplicate spinner if one already exists", () => {
|
||||
|
||||
document.body.innerHTML = `
|
||||
<form action="/" method="post">
|
||||
<button class="usa-button" type="submit" name="send">Send<span class="loading-spinner"></span></button>
|
||||
</form>`;
|
||||
|
||||
form = document.querySelector('form');
|
||||
button = document.querySelector('button');
|
||||
formEventSpy = helpers.spyOnFormSubmitEventPrevention(jest, form);
|
||||
|
||||
jest.resetModules();
|
||||
require('../../app/assets/javascripts/preventDuplicateFormSubmissions.js');
|
||||
|
||||
helpers.triggerEvent(button, 'click');
|
||||
|
||||
jest.advanceTimersByTime(100);
|
||||
|
||||
expect(button.querySelectorAll('.loading-spinner').length).toBe(1);
|
||||
|
||||
});
|
||||
|
||||
test("It should handle button with no name attribute", () => {
|
||||
|
||||
document.body.innerHTML = `
|
||||
<form action="/" method="post">
|
||||
<button class="usa-button" type="submit">Submit</button>
|
||||
</form>`;
|
||||
|
||||
form = document.querySelector('form');
|
||||
button = document.querySelector('button');
|
||||
formEventSpy = helpers.spyOnFormSubmitEventPrevention(jest, form);
|
||||
|
||||
jest.resetModules();
|
||||
require('../../app/assets/javascripts/preventDuplicateFormSubmissions.js');
|
||||
|
||||
expect(() => {
|
||||
helpers.triggerEvent(button, 'click');
|
||||
jest.advanceTimersByTime(1600);
|
||||
}).not.toThrow();
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user