UX: Use dropdown for hamburger on wide screens, full height on smaller

This commit is contained in:
Robin Ward
2015-08-26 14:42:42 -04:00
parent 9760369e4c
commit e66f111348
6 changed files with 90 additions and 45 deletions

View File

@ -5,27 +5,17 @@ acceptance("Hamburger Menu");
test("Toggle Menu", (assert) => {
visit("/");
andThen(() => {
assert.ok(exists("#hamburger-menu.slideright"), "hidden by default");
assert.ok(exists("#hamburger-menu.hidden"), "hidden by default");
});
click("#toggle-hamburger-menu");
andThen(() => {
assert.ok(!exists("#hamburger-menu.slideright"), "a click makes it appear");
});
click(".close-hamburger");
andThen(() => {
assert.ok(exists("#hamburger-menu.slideright"), "clicking the X hides it");
});
click("#toggle-hamburger-menu");
andThen(() => {
assert.ok(!exists("#hamburger-menu.slideright"), "it opens again");
assert.ok(!exists("#hamburger-menu.hidden"), "a click makes it appear");
});
click('#main-outlet')
andThen(() => {
assert.ok(exists("#hamburger-menu.slideright"), "clicking the body hides the menu");
assert.ok(exists("#hamburger-menu.hidden"), "clicking the body hides the menu");
});
});