darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-03-03 08:51:39 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add tests for viewports < 769px wide

Browse Source 
Elements should not stick unless the viewport is
768px wide or larger.
This commit is contained in:
Tom Byers
2019-07-30 16:21:29 +01:00
parent 6871dbcffe
commit fbc68b7bf2
1 changed files with 36 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
tests/javascripts/stick-to-window-when-scrolling.test.js
View File

@@ -157,6 +157,23 @@ describe("Stick to top/bottom of window when scrolling", () => {
});
test("if the window is 768px or less wide and the top of the viewport is below top of element on load, the element should not be marked as sticky", () => {
screenMock.window.resizeTo({
height: windowHeight,
width: 768
});
// scroll past top of form
screenMock.scrollTo(inputForm.offsetTop + 10);
window.GOVUK.stickAtTopWhenScrolling.init();
expect(inputForm.classList.contains('content-fixed')).toBe(false);
expect(inputForm.classList.contains('content-fixed-onload')).toBe(false); // check the class for onload isn't applied
});
describe("if top of viewport is below top of element but still in the scroll area on load", () => {
beforeEach(() => {
@@ -745,6 +762,25 @@ describe("Stick to top/bottom of window when scrolling", () => {
});
test("if the window is 768px or less wide and the bottom of the viewport is above bottom of element on load, the element should not be marked as sticky", () => {
const pageFooterBottom = getScreenItemBottomPosition(pageFooter);
screenMock.window.resizeTo({
height: windowHeight,
width: 768
});
// scroll past top of form
screenMock.scrollTo(pageFooterBottom - 10);
window.GOVUK.stickAtTopWhenScrolling.init();
expect(pageFooter.classList.contains('content-fixed')).toBe(false);
expect(pageFooter.classList.contains('content-fixed-onload')).toBe(false); // check the class for onload isn't applied
});
describe("if bottom of viewport is above bottom of element on load", () => {
beforeEach(() => {