|
|
|
@ -271,5 +271,50 @@ describe('TopNav', function () {
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
describe('collapseBar', function () {
|
|
|
|
|
before(function () {
|
|
|
|
|
cleanup();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
it(
|
|
|
|
|
'collapses the navigation when displayed on a small screen',
|
|
|
|
|
function () {
|
|
|
|
|
var results = [];
|
|
|
|
|
$('body').html(
|
|
|
|
|
'<nav><div class="navbar-header"><button type="button" ' +
|
|
|
|
|
'class="navbar-toggle collapsed" data-toggle="collapse" ' +
|
|
|
|
|
'data-target="#navbar" aria-expanded="false" aria-controls' +
|
|
|
|
|
'="navbar">Toggle navigation</button><a class="reloadlink ' +
|
|
|
|
|
'navbar-brand" href=""><img alt="PrivateBin" ' +
|
|
|
|
|
'src="img/icon.svg" width="38" /></a></div><div ' +
|
|
|
|
|
'id="navbar"><ul><li><button id="newbutton" type=' +
|
|
|
|
|
'"button" class="hidden">New</button></li></ul></div></nav>'
|
|
|
|
|
);
|
|
|
|
|
$.PrivateBin.TopNav.init();
|
|
|
|
|
results.push(
|
|
|
|
|
$('.navbar-toggle').hasClass('collapsed') &&
|
|
|
|
|
$('#navbar').attr('aria-expanded') != 'true'
|
|
|
|
|
);
|
|
|
|
|
$.PrivateBin.TopNav.collapseBar();
|
|
|
|
|
results.push(
|
|
|
|
|
$('.navbar-toggle').hasClass('collapsed') &&
|
|
|
|
|
$('#navbar').attr('aria-expanded') != 'true'
|
|
|
|
|
);
|
|
|
|
|
$('.navbar-toggle').click();
|
|
|
|
|
results.push(
|
|
|
|
|
!$('.navbar-toggle').hasClass('collapsed') &&
|
|
|
|
|
$('#navbar').attr('aria-expanded') == 'true'
|
|
|
|
|
);
|
|
|
|
|
$.PrivateBin.TopNav.collapseBar();
|
|
|
|
|
results.push(
|
|
|
|
|
$('.navbar-toggle').hasClass('collapsed') &&
|
|
|
|
|
$('#navbar').attr('aria-expanded') == 'false'
|
|
|
|
|
);
|
|
|
|
|
cleanup();
|
|
|
|
|
assert.ok(results.every(element => element));
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|