320 lines
13 KiB
JavaScript
320 lines
13 KiB
JavaScript
'use strict';
|
|
var common = require('../common');
|
|
|
|
describe('TopNav', function () {
|
|
describe('showViewButtons & hideViewButtons', function () {
|
|
before(function () {
|
|
cleanup();
|
|
});
|
|
|
|
it(
|
|
'displays & hides navigation elements for viewing an existing paste',
|
|
function () {
|
|
var results = [];
|
|
$('body').html(
|
|
'<nav class="navbar navbar-inverse navbar-static-top">' +
|
|
'<div id="navbar" class="navbar-collapse collapse"><ul ' +
|
|
'class="nav navbar-nav"><li><button id="newbutton" ' +
|
|
'type="button" class="hidden btn btn-warning navbar-btn">' +
|
|
'<span class="glyphicon glyphicon-file" aria-hidden="true">' +
|
|
'</span> New</button><button id="clonebutton" type="button"' +
|
|
' class="hidden btn btn-warning navbar-btn">' +
|
|
'<span class="glyphicon glyphicon-duplicate" ' +
|
|
'aria-hidden="true"></span> Clone</button><button ' +
|
|
'id="rawtextbutton" type="button" class="hidden btn ' +
|
|
'btn-warning navbar-btn"><span class="glyphicon ' +
|
|
'glyphicon-text-background" aria-hidden="true"></span> ' +
|
|
'Raw text</button><button id="qrcodelink" type="button" ' +
|
|
'data-toggle="modal" data-target="#qrcodemodal" ' +
|
|
'class="hidden btn btn-warning navbar-btn"><span ' +
|
|
'class="glyphicon glyphicon-qrcode" aria-hidden="true">' +
|
|
'</span> QR code</button></li></ul></div></nav>'
|
|
);
|
|
$.PrivateBin.TopNav.init();
|
|
results.push(
|
|
$('#newbutton').hasClass('hidden') &&
|
|
$('#clonebutton').hasClass('hidden') &&
|
|
$('#rawtextbutton').hasClass('hidden') &&
|
|
$('#qrcodelink').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.showViewButtons();
|
|
results.push(
|
|
!$('#newbutton').hasClass('hidden') &&
|
|
!$('#clonebutton').hasClass('hidden') &&
|
|
!$('#rawtextbutton').hasClass('hidden') &&
|
|
!$('#qrcodelink').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.hideViewButtons();
|
|
results.push(
|
|
$('#newbutton').hasClass('hidden') &&
|
|
$('#clonebutton').hasClass('hidden') &&
|
|
$('#rawtextbutton').hasClass('hidden') &&
|
|
$('#qrcodelink').hasClass('hidden')
|
|
);
|
|
cleanup();
|
|
assert.ok(results.every(element => element));
|
|
}
|
|
);
|
|
});
|
|
|
|
describe('showCreateButtons & hideCreateButtons', function () {
|
|
before(function () {
|
|
cleanup();
|
|
});
|
|
|
|
it(
|
|
'displays & hides navigation elements for creating a paste',
|
|
function () {
|
|
var results = [];
|
|
$('body').html(
|
|
'<nav><div id="navbar"><ul><li><button id="newbutton" ' +
|
|
'type="button" class="hidden">New</button></li><li><a ' +
|
|
'id="expiration" href="#" class="hidden">Expiration</a>' +
|
|
'</li><li><div id="burnafterreadingoption" class="hidden">' +
|
|
'Burn after reading</div></li><li><div id="opendiscussion' +
|
|
'option" class="hidden">Open discussion</div></li><li>' +
|
|
'<div id="password" class="hidden">Password</div></li>' +
|
|
'<li id="attach" class="hidden">Attach a file</li><li>' +
|
|
'<a id="formatter" href="#" class="hidden">Format</a>' +
|
|
'</li><li><button id="sendbutton" type="button" ' +
|
|
'class="hidden">Send</button></li></ul></div></nav>'
|
|
);
|
|
$.PrivateBin.TopNav.init();
|
|
results.push(
|
|
$('#sendbutton').hasClass('hidden') &&
|
|
$('#expiration').hasClass('hidden') &&
|
|
$('#formatter').hasClass('hidden') &&
|
|
$('#burnafterreadingoption').hasClass('hidden') &&
|
|
$('#opendiscussionoption').hasClass('hidden') &&
|
|
$('#newbutton').hasClass('hidden') &&
|
|
$('#password').hasClass('hidden') &&
|
|
$('#attach').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.showCreateButtons();
|
|
results.push(
|
|
!$('#sendbutton').hasClass('hidden') &&
|
|
!$('#expiration').hasClass('hidden') &&
|
|
!$('#formatter').hasClass('hidden') &&
|
|
!$('#burnafterreadingoption').hasClass('hidden') &&
|
|
!$('#opendiscussionoption').hasClass('hidden') &&
|
|
!$('#newbutton').hasClass('hidden') &&
|
|
!$('#password').hasClass('hidden') &&
|
|
!$('#attach').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.hideCreateButtons();
|
|
results.push(
|
|
$('#sendbutton').hasClass('hidden') &&
|
|
$('#expiration').hasClass('hidden') &&
|
|
$('#formatter').hasClass('hidden') &&
|
|
$('#burnafterreadingoption').hasClass('hidden') &&
|
|
$('#opendiscussionoption').hasClass('hidden') &&
|
|
$('#newbutton').hasClass('hidden') &&
|
|
$('#password').hasClass('hidden') &&
|
|
$('#attach').hasClass('hidden')
|
|
);
|
|
cleanup();
|
|
assert.ok(results.every(element => element));
|
|
}
|
|
);
|
|
});
|
|
|
|
describe('showNewPasteButton', function () {
|
|
before(function () {
|
|
cleanup();
|
|
});
|
|
|
|
it(
|
|
'displays the button for creating a paste',
|
|
function () {
|
|
var results = [];
|
|
$('body').html(
|
|
'<nav><div id="navbar"><ul><li><button id="newbutton" type=' +
|
|
'"button" class="hidden">New</button></li></ul></div></nav>'
|
|
);
|
|
$.PrivateBin.TopNav.init();
|
|
results.push(
|
|
$('#newbutton').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.showNewPasteButton();
|
|
results.push(
|
|
!$('#newbutton').hasClass('hidden')
|
|
);
|
|
cleanup();
|
|
assert.ok(results.every(element => element));
|
|
}
|
|
);
|
|
});
|
|
|
|
describe('hideCloneButton', function () {
|
|
before(function () {
|
|
cleanup();
|
|
});
|
|
|
|
it(
|
|
'hides the button for cloning a paste',
|
|
function () {
|
|
var results = [];
|
|
$('body').html(
|
|
'<nav><div id="navbar"><ul><li><button id="clonebutton" ' +
|
|
'type="button" class="btn btn-warning navbar-btn">' +
|
|
'<span class="glyphicon glyphicon-duplicate" aria-hidden=' +
|
|
'"true"></span> Clone</button></li></ul></div></nav>'
|
|
);
|
|
$.PrivateBin.TopNav.init();
|
|
results.push(
|
|
!$('#clonebutton').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.hideCloneButton();
|
|
results.push(
|
|
$('#clonebutton').hasClass('hidden')
|
|
);
|
|
cleanup();
|
|
assert.ok(results.every(element => element));
|
|
}
|
|
);
|
|
});
|
|
|
|
describe('hideRawButton', function () {
|
|
before(function () {
|
|
cleanup();
|
|
});
|
|
|
|
it(
|
|
'hides the raw text button',
|
|
function () {
|
|
var results = [];
|
|
$('body').html(
|
|
'<nav><div id="navbar"><ul><li><button ' +
|
|
'id="rawtextbutton" type="button" class="btn ' +
|
|
'btn-warning navbar-btn"><span class="glyphicon ' +
|
|
'glyphicon-text-background" aria-hidden="true"></span> ' +
|
|
'Raw text</button></li></ul></div></nav>'
|
|
);
|
|
$.PrivateBin.TopNav.init();
|
|
results.push(
|
|
!$('#rawtextbutton').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.hideRawButton();
|
|
results.push(
|
|
$('#rawtextbutton').hasClass('hidden')
|
|
);
|
|
cleanup();
|
|
assert.ok(results.every(element => element));
|
|
}
|
|
);
|
|
});
|
|
|
|
describe('hideFileSelector', function () {
|
|
before(function () {
|
|
cleanup();
|
|
});
|
|
|
|
it(
|
|
'hides the file attachment selection button',
|
|
function () {
|
|
var results = [];
|
|
$('body').html(
|
|
'<nav><div id="navbar"><ul><li id="attach" class="hidden ' +
|
|
'dropdown"><a href="#" class="dropdown-toggle" data-' +
|
|
'toggle="dropdown" role="button" aria-haspopup="true" ' +
|
|
'aria-expanded="false">Attach a file <span class="caret">' +
|
|
'</span></a><ul class="dropdown-menu"><li id="filewrap">' +
|
|
'<div><input type="file" id="file" name="file" /></div>' +
|
|
'</li><li id="customattachment" class="hidden"></li><li>' +
|
|
'<a id="fileremovebutton" href="#">Remove attachment</a>' +
|
|
'</li></ul></li></ul></div></nav>'
|
|
);
|
|
$.PrivateBin.TopNav.init();
|
|
results.push(
|
|
!$('#filewrap').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.hideFileSelector();
|
|
results.push(
|
|
$('#filewrap').hasClass('hidden')
|
|
);
|
|
cleanup();
|
|
assert.ok(results.every(element => element));
|
|
}
|
|
);
|
|
});
|
|
|
|
describe('showCustomAttachment', function () {
|
|
before(function () {
|
|
cleanup();
|
|
});
|
|
|
|
it(
|
|
'display the custom file attachment',
|
|
function () {
|
|
var results = [];
|
|
$('body').html(
|
|
'<nav><div id="navbar"><ul><li id="attach" class="hidden ' +
|
|
'dropdown"><a href="#" class="dropdown-toggle" data-' +
|
|
'toggle="dropdown" role="button" aria-haspopup="true" ' +
|
|
'aria-expanded="false">Attach a file <span class="caret">' +
|
|
'</span></a><ul class="dropdown-menu"><li id="filewrap">' +
|
|
'<div><input type="file" id="file" name="file" /></div>' +
|
|
'</li><li id="customattachment" class="hidden"></li><li>' +
|
|
'<a id="fileremovebutton" href="#">Remove attachment</a>' +
|
|
'</li></ul></li></ul></div></nav>'
|
|
);
|
|
$.PrivateBin.TopNav.init();
|
|
results.push(
|
|
$('#customattachment').hasClass('hidden')
|
|
);
|
|
$.PrivateBin.TopNav.showCustomAttachment();
|
|
results.push(
|
|
!$('#customattachment').hasClass('hidden')
|
|
);
|
|
cleanup();
|
|
assert.ok(results.every(element => element));
|
|
}
|
|
);
|
|
});
|
|
|
|
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));
|
|
}
|
|
);
|
|
});
|
|
});
|
|
|