forked from external-repos/pa11y-dashboard
5202f59008
* First draft of a11y fixes. * Amended results title * Amended results title (again) * Back to top keyboard operation Removed the 'data-role="top"' attribute, which implemented a cool animation to scroll to top but prevented the default behaviour, resulting in the keyboard focus not going back to top. * Options Button Fix to have a working options button, but using the mouse only. This is not a good solution because it cannot be operated via the keyboard. * Fixed options menu css. * Results view layout changes * Undoing layout changes * Graph layout fixes. * Skip Rules Link Added a link to skip the list of rules, which can get very long and annoying for any keyboard user not interested in selecting a rule. Most probably, implementing a collapsible list of rules would be a better solution here. Co-authored-by: Carlos Muncharaz <carlos@muncharaz.eu>
63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
$(function () {
|
||
|
||
module("alert")
|
||
|
||
test("should provide no conflict", function () {
|
||
var alert = $.fn.alert.noConflict()
|
||
ok(!$.fn.alert, 'alert was set back to undefined (org value)')
|
||
$.fn.alert = alert
|
||
})
|
||
|
||
test("should be defined on jquery object", function () {
|
||
ok($(document.body).alert, 'alert method is defined')
|
||
})
|
||
|
||
test("should return element", function () {
|
||
ok($(document.body).alert()[0] == document.body, 'document.body returned')
|
||
})
|
||
|
||
test("should fade element out on clicking .close", function () {
|
||
var alertHTML = '<div class="alert-message warning fade in">'
|
||
+ '<a class="close" href="#" data-dismiss="alert">×</a>'
|
||
+ '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
|
||
+ '</div>'
|
||
, alert = $(alertHTML).alert()
|
||
|
||
alert.find('.close').click()
|
||
|
||
ok(!alert.hasClass('in'), 'remove .in class on .close click')
|
||
})
|
||
|
||
test("should remove element when clicking .close", function () {
|
||
$.support.transition = false
|
||
|
||
var alertHTML = '<div class="alert-message warning fade in">'
|
||
+ '<a class="close" href="#" data-dismiss="alert" aria-label="Close">×</a>'
|
||
+ '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
|
||
+ '</div>'
|
||
, alert = $(alertHTML).appendTo('#qunit-fixture').alert()
|
||
|
||
ok($('#qunit-fixture').find('.alert-message').length, 'element added to dom')
|
||
|
||
alert.find('.close').click()
|
||
|
||
ok(!$('#qunit-fixture').find('.alert-message').length, 'element removed from dom')
|
||
})
|
||
|
||
test("should not fire closed when close is prevented", function () {
|
||
$.support.transition = false
|
||
stop();
|
||
$('<div class="alert"/>')
|
||
.on('close.bs.alert', function (e) {
|
||
e.preventDefault();
|
||
ok(true);
|
||
start();
|
||
})
|
||
.on('closed.bs.alert', function () {
|
||
ok(false);
|
||
})
|
||
.alert('close')
|
||
})
|
||
|
||
})
|