Merge commit 'd32092c1f0' as 'jquery-ui'

This commit is contained in:
Mark Schouten 2016-08-05 12:47:57 +02:00
commit b23131fdc2
717 changed files with 518330 additions and 0 deletions

View file

@ -0,0 +1,26 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Progressbar Test Suite</title>
<script src="../../../external/jquery/jquery.js"></script>
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
<link rel="stylesheet" href="../../../external/qunit-composite/qunit-composite.css">
<script src="../../../external/qunit/qunit.js"></script>
<script src="../../../external/qunit-composite/qunit-composite.js"></script>
<script src="../subsuite.js"></script>
<script>
testAllVersions( "progressbar" );
</script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture">
</div>
</body>
</html>

View file

@ -0,0 +1,24 @@
define( [
"lib/common",
"ui/widgets/progressbar"
], function( common ) {
common.testWidget( "progressbar", {
defaults: {
classes: {
"ui-progressbar": "ui-corner-all",
"ui-progressbar-value": "ui-corner-left",
"ui-progressbar-complete": "ui-corner-right"
},
disabled: false,
max: 100,
value: 0,
//Callbacks
change: null,
complete: null,
create: null
}
} );
} );

View file

@ -0,0 +1,65 @@
define( [
"qunit",
"jquery",
"ui/widgets/progressbar"
], function( QUnit, $ ) {
QUnit.module( "progressbar: core" );
QUnit.test( "markup structure", function( assert ) {
assert.expect( 7 );
var element = $( "#progressbar" ).progressbar(),
value = element.children().eq( 0 );
assert.hasClasses( element, "ui-progressbar ui-widget ui-widget-content" );
assert.hasClasses( value, "ui-progressbar-value ui-widget-header" );
assert.lacksClasses( value, "ui-progressbar-complete" );
assert.lacksClasses( element, "ui-progressbar-indeterminate" );
assert.equal( element.children().length, 1, "Main element contains one child" );
element.progressbar( "option", "value", 100 );
assert.hasClasses( value, "ui-progressbar-complete ui-widget-header ui-progressbar-value" );
assert.equal( element.children().children().length, 0, "no overlay div" );
} );
QUnit.test( "markup structure - indeterminate", function( assert ) {
assert.expect( 5 );
var element = $( "#progressbar" ).progressbar( { value: false } ),
children = element.children();
assert.hasClasses( element, "ui-progressbar ui-progressbar-indeterminate ui-widget ui-widget-content" );
assert.hasClasses( children[ 0 ], "ui-progressbar-value ui-widget-header" );
assert.equal( children.length, 1, "Main element contains one child" );
assert.hasClasses( children[ 0 ], "ui-progressbar-value" );
assert.equal( children.children( ".ui-progressbar-overlay" ).length, 1,
"Value has class ui-progressbar-overlay" );
} );
QUnit.test( "accessibility", function( assert ) {
assert.expect( 11 );
var element = $( "#progressbar" ).progressbar();
assert.equal( element.attr( "role" ), "progressbar", "aria role" );
assert.equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" );
assert.equal( element.attr( "aria-valuemax" ), 100, "aria-valuemax" );
assert.equal( element.attr( "aria-valuenow" ), 0, "aria-valuenow initially" );
element.progressbar( "value", 77 );
assert.equal( element.attr( "aria-valuenow" ), 77, "aria-valuenow" );
element.progressbar( "option", "max", 150 );
assert.equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" );
element.progressbar( "disable" );
assert.equal( element.attr( "aria-disabled" ), "true", "aria-disabled on" );
element.progressbar( "enable" );
assert.equal( element.attr( "aria-disabled" ), "false", "aria-disabled off" );
element.progressbar( "option", "value", false );
assert.equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" );
assert.equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" );
assert.equal( element.attr( "aria-valuenow" ), null, "aria-valuenow" );
} );
} );

View file

@ -0,0 +1,59 @@
define( [
"qunit",
"jquery",
"ui/widgets/progressbar"
], function( QUnit, $ ) {
QUnit.module( "progressbar: events" );
QUnit.test( "create", function( assert ) {
assert.expect( 1 );
$( "#progressbar" ).progressbar( {
value: 5,
create: function() {
assert.equal( $( this ).progressbar( "value" ), 5, "Correct value at create" );
},
change: function() {
assert.ok( false, "create has triggered change()" );
}
} );
} );
QUnit.test( "change", function( assert ) {
assert.expect( 2 );
var element = $( "#progressbar" ).progressbar();
element.one( "progressbarchange", function() {
assert.equal( element.progressbar( "value" ), 5, "change triggered for middle value" );
} );
element.progressbar( "value", 5 );
element.one( "progressbarchange", function() {
assert.equal( element.progressbar( "value" ), 100, "change triggered for final value" );
} );
element.progressbar( "value", 100 );
} );
QUnit.test( "complete", function( assert ) {
assert.expect( 5 );
var value,
changes = 0,
element = $( "#progressbar" ).progressbar( {
change: function() {
changes++;
assert.equal( element.progressbar( "value" ), value, "change at " + value );
},
complete: function() {
assert.equal( changes, 3, "complete triggered after change and not on indeterminate" );
assert.equal( element.progressbar( "value" ), 100, "value is 100" );
}
} );
value = 5;
element.progressbar( "value", value );
value = false;
element.progressbar( "value", value );
value = 100;
element.progressbar( "value", value );
} );
} );

View file

@ -0,0 +1,43 @@
define( [
"qunit",
"jquery",
"ui/widgets/progressbar"
], function( QUnit, $ ) {
QUnit.module( "progressbar: methods" );
QUnit.test( "destroy", function( assert ) {
assert.expect( 1 );
assert.domEqual( "#progressbar", function() {
$( "#progressbar" ).progressbar().progressbar( "destroy" );
} );
} );
QUnit.test( "disable", function( assert ) {
assert.expect( 3 );
var element = $( "#progressbar" ).progressbar().progressbar( "disable" );
assert.hasClasses( element.progressbar( "widget" ), "ui-state-disabled" );
assert.ok( element.progressbar( "widget" ).attr( "aria-disabled" ), "element gets aria-disabled" );
assert.hasClasses( element.progressbar( "widget" ), "ui-progressbar-disabled" );
} );
QUnit.test( "value", function( assert ) {
assert.expect( 3 );
var element = $( "<div>" ).progressbar( { value: 20 } );
assert.equal( element.progressbar( "value" ), 20, "correct value as getter" );
assert.strictEqual( element.progressbar( "value", 30 ), element, "chainable as setter" );
assert.equal( element.progressbar( "option", "value" ), 30, "correct value after setter" );
} );
QUnit.test( "widget", function( assert ) {
assert.expect( 2 );
var element = $( "#progressbar" ).progressbar(),
widgetElement = element.progressbar( "widget" );
assert.equal( widgetElement.length, 1, "one element" );
assert.strictEqual( widgetElement[ 0 ], element[ 0 ], "same element" );
} );
} );

View file

@ -0,0 +1,80 @@
define( [
"qunit",
"jquery",
"ui/widgets/progressbar"
], function( QUnit, $ ) {
QUnit.module( "progressbar: options" );
QUnit.test( "{ value: 0 }, default", function( assert ) {
assert.expect( 1 );
$( "#progressbar" ).progressbar();
assert.equal( $( "#progressbar" ).progressbar( "value" ), 0 );
} );
// Ticket #7231 - valueDiv should be hidden when value is at 0%
QUnit.test( "value: visibility of valueDiv", function( assert ) {
assert.expect( 4 );
var element = $( "#progressbar" ).progressbar( {
value: 0
} );
assert.ok( element.children( ".ui-progressbar-value" ).is( ":hidden" ),
"valueDiv hidden when value is initialized at 0" );
element.progressbar( "value", 1 );
assert.ok( element.children( ".ui-progressbar-value" ).is( ":visible" ),
"valueDiv visible when value is set to 1" );
element.progressbar( "value", 100 );
assert.ok( element.children( ".ui-progressbar-value" ).is( ":visible" ),
"valueDiv visible when value is set to 100" );
element.progressbar( "value", 0 );
assert.ok( element.children( ".ui-progressbar-value" ).is( ":hidden" ),
"valueDiv hidden when value is set to 0" );
} );
QUnit.test( "{ value: 5 }", function( assert ) {
assert.expect( 1 );
$( "#progressbar" ).progressbar( {
value: 5
} );
assert.equal( $( "#progressbar" ).progressbar( "value" ), 5 );
} );
QUnit.test( "{ value: -5 }", function( assert ) {
assert.expect( 1 );
$( "#progressbar" ).progressbar( {
value: -5
} );
assert.equal( $( "#progressbar" ).progressbar( "value" ), 0,
"value constrained at min" );
} );
QUnit.test( "{ value: 105 }", function( assert ) {
assert.expect( 1 );
$( "#progressbar" ).progressbar( {
value: 105
} );
assert.equal( $( "#progressbar" ).progressbar( "value" ), 100,
"value constrained at max" );
} );
QUnit.test( "{ value: 10, max: 5 }", function( assert ) {
assert.expect( 1 );
$( "#progressbar" ).progressbar( {
max: 5,
value: 10
} );
assert.equal( $( "#progressbar" ).progressbar( "value" ), 5,
"value constrained at max" );
} );
QUnit.test( "change max below value", function( assert ) {
assert.expect( 1 );
$( "#progressbar" ).progressbar( {
max: 10,
value: 10
} ).progressbar( "option", "max", 5 );
assert.equal( $( "#progressbar" ).progressbar( "value" ), 5,
"value constrained at max" );
} );
} );

View file

@ -0,0 +1,20 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Progressbar Test Suite</title>
<script src="../../../external/requirejs/require.js"></script>
<script src="../../lib/css.js" data-modules="core progressbar"></script>
<script src="../../lib/bootstrap.js" data-widget="progressbar"></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture">
<div id="progressbar"></div>
</div>
</body>
</html>