From bde431bb449b1d957d4e0b736111ff342f2a919d Mon Sep 17 00:00:00 2001 From: Scott González Date: Tue, 7 Apr 2015 10:55:52 -0400 Subject: Tests: Rename files Ref gh-1528 --- tests/unit/progressbar/common.js | 24 ++++++++ tests/unit/progressbar/core.js | 64 ++++++++++++++++++++++ tests/unit/progressbar/events.js | 58 ++++++++++++++++++++ tests/unit/progressbar/methods.js | 42 ++++++++++++++ tests/unit/progressbar/options.js | 79 +++++++++++++++++++++++++++ tests/unit/progressbar/progressbar_common.js | 24 -------- tests/unit/progressbar/progressbar_core.js | 64 ---------------------- tests/unit/progressbar/progressbar_events.js | 58 -------------------- tests/unit/progressbar/progressbar_methods.js | 42 -------------- tests/unit/progressbar/progressbar_options.js | 79 --------------------------- 10 files changed, 267 insertions(+), 267 deletions(-) create mode 100644 tests/unit/progressbar/common.js create mode 100644 tests/unit/progressbar/core.js create mode 100644 tests/unit/progressbar/events.js create mode 100644 tests/unit/progressbar/methods.js create mode 100644 tests/unit/progressbar/options.js delete mode 100644 tests/unit/progressbar/progressbar_common.js delete mode 100644 tests/unit/progressbar/progressbar_core.js delete mode 100644 tests/unit/progressbar/progressbar_events.js delete mode 100644 tests/unit/progressbar/progressbar_methods.js delete mode 100644 tests/unit/progressbar/progressbar_options.js (limited to 'tests/unit/progressbar') diff --git a/tests/unit/progressbar/common.js b/tests/unit/progressbar/common.js new file mode 100644 index 000000000..c949f136f --- /dev/null +++ b/tests/unit/progressbar/common.js @@ -0,0 +1,24 @@ +define( [ + "lib/common", + "ui/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 + } +}); + +} ); diff --git a/tests/unit/progressbar/core.js b/tests/unit/progressbar/core.js new file mode 100644 index 000000000..05eea9ef7 --- /dev/null +++ b/tests/unit/progressbar/core.js @@ -0,0 +1,64 @@ +define( [ + "jquery", + "ui/progressbar" +], function( $ ) { + +module( "progressbar: core" ); + +test( "markup structure", function( 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" ); + 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" ); + equal( element.children().children().length, 0, "no overlay div" ); +}); + +test( "markup structure - indeterminate", function( 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" ); + equal( children.length, 1, "Main element contains one child" ); + assert.hasClasses( children[ 0 ], "ui-progressbar-value" ); + equal( children.children( ".ui-progressbar-overlay" ).length, 1, + "Value has class ui-progressbar-overlay" ); +}); + +test( "accessibility", function() { + expect( 11 ); + var element = $( "#progressbar" ).progressbar(); + + equal( element.attr( "role" ), "progressbar", "aria role" ); + equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" ); + equal( element.attr( "aria-valuemax" ), 100, "aria-valuemax" ); + equal( element.attr( "aria-valuenow" ), 0, "aria-valuenow initially" ); + + element.progressbar( "value", 77 ); + equal( element.attr( "aria-valuenow" ), 77, "aria-valuenow" ); + + element.progressbar( "option", "max", 150 ); + equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" ); + + element.progressbar( "disable" ); + equal( element.attr( "aria-disabled" ), "true", "aria-disabled on" ); + + element.progressbar( "enable" ); + equal( element.attr( "aria-disabled" ), "false", "aria-disabled off" ); + + element.progressbar( "option", "value", false ); + equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" ); + equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" ); + equal( element.attr( "aria-valuenow" ), null, "aria-valuenow" ); +}); + +} ); diff --git a/tests/unit/progressbar/events.js b/tests/unit/progressbar/events.js new file mode 100644 index 000000000..a40b2c432 --- /dev/null +++ b/tests/unit/progressbar/events.js @@ -0,0 +1,58 @@ +define( [ + "jquery", + "ui/progressbar" +], function( $ ) { + +module( "progressbar: events" ); + +test( "create", function() { + expect( 1 ); + $( "#progressbar" ).progressbar({ + value: 5, + create: function() { + equal( $( this ).progressbar( "value" ), 5, "Correct value at create" ); + }, + change: function() { + ok( false, "create has triggered change()" ); + } + }); +}); + +test( "change", function() { + expect( 2 ); + var element = $( "#progressbar" ).progressbar(); + + element.one( "progressbarchange", function() { + equal( element.progressbar( "value" ), 5, "change triggered for middle value" ); + }); + element.progressbar( "value", 5 ); + element.one( "progressbarchange", function() { + equal( element.progressbar( "value" ), 100, "change triggered for final value" ); + }); + element.progressbar( "value", 100 ); +}); + +test( "complete", function() { + expect( 5 ); + var value, + changes = 0, + element = $( "#progressbar" ).progressbar({ + change: function() { + changes++; + equal( element.progressbar( "value" ), value, "change at " + value ); + }, + complete: function() { + equal( changes, 3, "complete triggered after change and not on indeterminate" ); + 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 ); +}); + +} ); diff --git a/tests/unit/progressbar/methods.js b/tests/unit/progressbar/methods.js new file mode 100644 index 000000000..eaf0a5c76 --- /dev/null +++ b/tests/unit/progressbar/methods.js @@ -0,0 +1,42 @@ +define( [ + "jquery", + "ui/progressbar" +], function( $ ) { + +module( "progressbar: methods" ); + +test( "destroy", function( assert ) { + expect( 1 ); + assert.domEqual( "#progressbar", function() { + $( "#progressbar" ).progressbar().progressbar( "destroy" ); + }); +}); + +test( "disable", function( assert ) { + expect( 3 ); + + var element = $( "#progressbar" ).progressbar().progressbar( "disable" ); + + assert.hasClasses( element.progressbar( "widget" ), "ui-state-disabled" ); + ok( element.progressbar( "widget" ).attr( "aria-disabled" ), "element gets aria-disabled" ); + assert.hasClasses( element.progressbar( "widget" ), "ui-progressbar-disabled" ); +}); + +test( "value", function() { + expect( 3 ); + + var element = $( "
" ).progressbar({ value: 20 }); + equal( element.progressbar( "value" ), 20, "correct value as getter" ); + strictEqual( element.progressbar( "value", 30 ), element, "chainable as setter" ); + equal( element.progressbar( "option", "value" ), 30, "correct value after setter" ); +}); + +test( "widget", function() { + expect( 2 ); + var element = $( "#progressbar" ).progressbar(), + widgetElement = element.progressbar( "widget" ); + equal( widgetElement.length, 1, "one element" ); + strictEqual( widgetElement[ 0 ], element[ 0 ], "same element" ); +}); + +} ); diff --git a/tests/unit/progressbar/options.js b/tests/unit/progressbar/options.js new file mode 100644 index 000000000..7b6ac9db2 --- /dev/null +++ b/tests/unit/progressbar/options.js @@ -0,0 +1,79 @@ +define( [ + "jquery", + "ui/progressbar" +], function( $ ) { + +module( "progressbar: options" ); + +test( "{ value: 0 }, default", function() { + expect( 1 ); + $( "#progressbar" ).progressbar(); + equal( $( "#progressbar" ).progressbar( "value" ), 0 ); +}); + +// Ticket #7231 - valueDiv should be hidden when value is at 0% +test( "value: visibility of valueDiv", function() { + expect( 4 ); + var element = $( "#progressbar" ).progressbar({ + value: 0 + }); + ok( element.children( ".ui-progressbar-value" ).is( ":hidden" ), + "valueDiv hidden when value is initialized at 0" ); + element.progressbar( "value", 1 ); + ok( element.children( ".ui-progressbar-value" ).is( ":visible" ), + "valueDiv visible when value is set to 1" ); + element.progressbar( "value", 100 ); + ok( element.children( ".ui-progressbar-value" ).is( ":visible" ), + "valueDiv visible when value is set to 100" ); + element.progressbar( "value", 0 ); + ok( element.children( ".ui-progressbar-value" ).is( ":hidden" ), + "valueDiv hidden when value is set to 0" ); +}); + +test( "{ value: 5 }", function() { + expect( 1 ); + $( "#progressbar" ).progressbar({ + value: 5 + }); + equal( $( "#progressbar" ).progressbar( "value" ), 5 ); +}); + +test( "{ value: -5 }", function() { + expect( 1 ); + $( "#progressbar" ).progressbar({ + value: -5 + }); + equal( $( "#progressbar" ).progressbar( "value" ), 0, + "value constrained at min" ); +}); + +test( "{ value: 105 }", function() { + expect( 1 ); + $( "#progressbar" ).progressbar({ + value: 105 + }); + equal( $( "#progressbar" ).progressbar( "value" ), 100, + "value constrained at max" ); +}); + +test( "{ value: 10, max: 5 }", function() { + expect( 1 ); + $("#progressbar").progressbar({ + max: 5, + value: 10 + }); + equal( $( "#progressbar" ).progressbar( "value" ), 5, + "value constrained at max" ); +}); + +test( "change max below value", function() { + expect( 1 ); + $("#progressbar").progressbar({ + max: 10, + value: 10 + }).progressbar( "option", "max", 5 ); + equal( $( "#progressbar" ).progressbar( "value" ), 5, + "value constrained at max" ); +}); + +} ); diff --git a/tests/unit/progressbar/progressbar_common.js b/tests/unit/progressbar/progressbar_common.js deleted file mode 100644 index c949f136f..000000000 --- a/tests/unit/progressbar/progressbar_common.js +++ /dev/null @@ -1,24 +0,0 @@ -define( [ - "lib/common", - "ui/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 - } -}); - -} ); diff --git a/tests/unit/progressbar/progressbar_core.js b/tests/unit/progressbar/progressbar_core.js deleted file mode 100644 index 05eea9ef7..000000000 --- a/tests/unit/progressbar/progressbar_core.js +++ /dev/null @@ -1,64 +0,0 @@ -define( [ - "jquery", - "ui/progressbar" -], function( $ ) { - -module( "progressbar: core" ); - -test( "markup structure", function( 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" ); - 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" ); - equal( element.children().children().length, 0, "no overlay div" ); -}); - -test( "markup structure - indeterminate", function( 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" ); - equal( children.length, 1, "Main element contains one child" ); - assert.hasClasses( children[ 0 ], "ui-progressbar-value" ); - equal( children.children( ".ui-progressbar-overlay" ).length, 1, - "Value has class ui-progressbar-overlay" ); -}); - -test( "accessibility", function() { - expect( 11 ); - var element = $( "#progressbar" ).progressbar(); - - equal( element.attr( "role" ), "progressbar", "aria role" ); - equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" ); - equal( element.attr( "aria-valuemax" ), 100, "aria-valuemax" ); - equal( element.attr( "aria-valuenow" ), 0, "aria-valuenow initially" ); - - element.progressbar( "value", 77 ); - equal( element.attr( "aria-valuenow" ), 77, "aria-valuenow" ); - - element.progressbar( "option", "max", 150 ); - equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" ); - - element.progressbar( "disable" ); - equal( element.attr( "aria-disabled" ), "true", "aria-disabled on" ); - - element.progressbar( "enable" ); - equal( element.attr( "aria-disabled" ), "false", "aria-disabled off" ); - - element.progressbar( "option", "value", false ); - equal( element.attr( "aria-valuemin" ), 0, "aria-valuemin" ); - equal( element.attr( "aria-valuemax" ), 150, "aria-valuemax" ); - equal( element.attr( "aria-valuenow" ), null, "aria-valuenow" ); -}); - -} ); diff --git a/tests/unit/progressbar/progressbar_events.js b/tests/unit/progressbar/progressbar_events.js deleted file mode 100644 index a40b2c432..000000000 --- a/tests/unit/progressbar/progressbar_events.js +++ /dev/null @@ -1,58 +0,0 @@ -define( [ - "jquery", - "ui/progressbar" -], function( $ ) { - -module( "progressbar: events" ); - -test( "create", function() { - expect( 1 ); - $( "#progressbar" ).progressbar({ - value: 5, - create: function() { - equal( $( this ).progressbar( "value" ), 5, "Correct value at create" ); - }, - change: function() { - ok( false, "create has triggered change()" ); - } - }); -}); - -test( "change", function() { - expect( 2 ); - var element = $( "#progressbar" ).progressbar(); - - element.one( "progressbarchange", function() { - equal( element.progressbar( "value" ), 5, "change triggered for middle value" ); - }); - element.progressbar( "value", 5 ); - element.one( "progressbarchange", function() { - equal( element.progressbar( "value" ), 100, "change triggered for final value" ); - }); - element.progressbar( "value", 100 ); -}); - -test( "complete", function() { - expect( 5 ); - var value, - changes = 0, - element = $( "#progressbar" ).progressbar({ - change: function() { - changes++; - equal( element.progressbar( "value" ), value, "change at " + value ); - }, - complete: function() { - equal( changes, 3, "complete triggered after change and not on indeterminate" ); - 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 ); -}); - -} ); diff --git a/tests/unit/progressbar/progressbar_methods.js b/tests/unit/progressbar/progressbar_methods.js deleted file mode 100644 index eaf0a5c76..000000000 --- a/tests/unit/progressbar/progressbar_methods.js +++ /dev/null @@ -1,42 +0,0 @@ -define( [ - "jquery", - "ui/progressbar" -], function( $ ) { - -module( "progressbar: methods" ); - -test( "destroy", function( assert ) { - expect( 1 ); - assert.domEqual( "#progressbar", function() { - $( "#progressbar" ).progressbar().progressbar( "destroy" ); - }); -}); - -test( "disable", function( assert ) { - expect( 3 ); - - var element = $( "#progressbar" ).progressbar().progressbar( "disable" ); - - assert.hasClasses( element.progressbar( "widget" ), "ui-state-disabled" ); - ok( element.progressbar( "widget" ).attr( "aria-disabled" ), "element gets aria-disabled" ); - assert.hasClasses( element.progressbar( "widget" ), "ui-progressbar-disabled" ); -}); - -test( "value", function() { - expect( 3 ); - - var element = $( "
" ).progressbar({ value: 20 }); - equal( element.progressbar( "value" ), 20, "correct value as getter" ); - strictEqual( element.progressbar( "value", 30 ), element, "chainable as setter" ); - equal( element.progressbar( "option", "value" ), 30, "correct value after setter" ); -}); - -test( "widget", function() { - expect( 2 ); - var element = $( "#progressbar" ).progressbar(), - widgetElement = element.progressbar( "widget" ); - equal( widgetElement.length, 1, "one element" ); - strictEqual( widgetElement[ 0 ], element[ 0 ], "same element" ); -}); - -} ); diff --git a/tests/unit/progressbar/progressbar_options.js b/tests/unit/progressbar/progressbar_options.js deleted file mode 100644 index 7b6ac9db2..000000000 --- a/tests/unit/progressbar/progressbar_options.js +++ /dev/null @@ -1,79 +0,0 @@ -define( [ - "jquery", - "ui/progressbar" -], function( $ ) { - -module( "progressbar: options" ); - -test( "{ value: 0 }, default", function() { - expect( 1 ); - $( "#progressbar" ).progressbar(); - equal( $( "#progressbar" ).progressbar( "value" ), 0 ); -}); - -// Ticket #7231 - valueDiv should be hidden when value is at 0% -test( "value: visibility of valueDiv", function() { - expect( 4 ); - var element = $( "#progressbar" ).progressbar({ - value: 0 - }); - ok( element.children( ".ui-progressbar-value" ).is( ":hidden" ), - "valueDiv hidden when value is initialized at 0" ); - element.progressbar( "value", 1 ); - ok( element.children( ".ui-progressbar-value" ).is( ":visible" ), - "valueDiv visible when value is set to 1" ); - element.progressbar( "value", 100 ); - ok( element.children( ".ui-progressbar-value" ).is( ":visible" ), - "valueDiv visible when value is set to 100" ); - element.progressbar( "value", 0 ); - ok( element.children( ".ui-progressbar-value" ).is( ":hidden" ), - "valueDiv hidden when value is set to 0" ); -}); - -test( "{ value: 5 }", function() { - expect( 1 ); - $( "#progressbar" ).progressbar({ - value: 5 - }); - equal( $( "#progressbar" ).progressbar( "value" ), 5 ); -}); - -test( "{ value: -5 }", function() { - expect( 1 ); - $( "#progressbar" ).progressbar({ - value: -5 - }); - equal( $( "#progressbar" ).progressbar( "value" ), 0, - "value constrained at min" ); -}); - -test( "{ value: 105 }", function() { - expect( 1 ); - $( "#progressbar" ).progressbar({ - value: 105 - }); - equal( $( "#progressbar" ).progressbar( "value" ), 100, - "value constrained at max" ); -}); - -test( "{ value: 10, max: 5 }", function() { - expect( 1 ); - $("#progressbar").progressbar({ - max: 5, - value: 10 - }); - equal( $( "#progressbar" ).progressbar( "value" ), 5, - "value constrained at max" ); -}); - -test( "change max below value", function() { - expect( 1 ); - $("#progressbar").progressbar({ - max: 10, - value: 10 - }).progressbar( "option", "max", 5 ); - equal( $( "#progressbar" ).progressbar( "value" ), 5, - "value constrained at max" ); -}); - -} ); -- cgit v1.2.3