Special pages

' ).css( 'width', '100px' ); - var $div = $( '

' ).text( text ); - $wrapper.append( $div ); - return $wrapper; -} - -function findDivergenceIndex( a, b ) { - var i = 0; - while ( i < a.length && i < b.length && a[i] == b[i] ) { - i++; - } - return i; -} - -test( 'Position right', function() { - // We need this thing to be visible, so append it to the DOM - var origText = 'This is a really long random string and there is no way it fits in 100 pixels.'; - var $wrapper = createWrappedDiv( origText ); - $( 'body' ).append( $wrapper ); - $wrapper.autoEllipsis( { position: 'right' } ); - - // Verify that, and only one, span element was created - var $span = $wrapper.find( '> span' ); - deepEqual( $span.length, 1, 'autoEllipsis wrapped the contents in a span element' ); - - // Check that the text fits by turning on word wrapping - $span.css( 'whiteSpace', 'nowrap' ); - ok( $span.width() <= $span.parent().width(), "Text fits (span's width is no larger than its parent's width)" ); - - // Add one character using scary black magic - var spanText = $span.text(); - var d = findDivergenceIndex( origText, spanText ); - spanText = spanText.substr( 0, d ) + origText[d] + '...'; - - // Put this text in the span and verify it doesn't fit - $span.text( spanText ); - ok( $span.width() > $span.parent().width(), 'Fit is maximal (adding one character makes it not fit any more)' ); - - // Clean up - $wrapper.remove(); -}); diff --git a/resources/test/unit/jquery/jquery.colorUtil.js b/resources/test/unit/jquery/jquery.colorUtil.js deleted file mode 100644 index 5c8f0676f4..0000000000 --- a/resources/test/unit/jquery/jquery.colorUtil.js +++ /dev/null @@ -1,67 +0,0 @@ -module( 'jquery.colorUtil.js' ); - -test( '-- Initial check', function(){ - - ok( jQuery.colorUtil, 'jQuery.colorUtil defined' ); -}); - -test( 'getRGB', function(){ - - equal( typeof jQuery.colorUtil.getRGB(), 'undefined', 'No arguments' ); - equal( typeof jQuery.colorUtil.getRGB( '' ), 'undefined', 'Empty string' ); - deepEqual( jQuery.colorUtil.getRGB( [0, 100, 255] ), [0, 100, 255], 'Array' ); - deepEqual( jQuery.colorUtil.getRGB( 'rgb(0,100,255)' ), [0, 100, 255], 'Parse simple string' ); - deepEqual( jQuery.colorUtil.getRGB( 'rgb(0, 100, 255)' ), [0, 100, 255], 'Parse simple string (whitespace)' ); - deepEqual( jQuery.colorUtil.getRGB( 'rgb(0%,20%,40%)' ), [0, 51, 102], 'Parse percentages string' ); - deepEqual( jQuery.colorUtil.getRGB( 'rgb(0%, 20%, 40%)' ), [0, 51, 102], 'Parse percentages string (whitespace)' ); - deepEqual( jQuery.colorUtil.getRGB( '#f2ddee' ), [242, 221, 238], 'Hex string: 6 char lowercase' ); - deepEqual( jQuery.colorUtil.getRGB( '#f2DDEE' ), [242, 221, 238], 'Hex string: 6 char uppercase' ); - deepEqual( jQuery.colorUtil.getRGB( '#f2DdEe' ), [242, 221, 238], 'Hex string: 6 char mixed' ); - deepEqual( jQuery.colorUtil.getRGB( '#eee' ), [238, 238, 238], 'Hex string: 3 char lowercase' ); - deepEqual( jQuery.colorUtil.getRGB( '#EEE' ), [238, 238, 238], 'Hex string: 3 char uppercase' ); - deepEqual( jQuery.colorUtil.getRGB( '#eEe' ), [238, 238, 238], 'Hex string: 3 char mixed' ); - deepEqual( jQuery.colorUtil.getRGB( 'rgba(0, 0, 0, 0)' ), [255, 255, 255], 'Zero rgba for Safari 3; Transparent (whitespace)' ); - // Perhaps this is a bug in colorUtil, but it is the current behaviour so, let's keep track - // would that ever change - equal( typeof jQuery.colorUtil.getRGB( 'rgba(0,0,0,0)' ), 'undefined', 'Zero rgba without whitespace' ); - - deepEqual( jQuery.colorUtil.getRGB( 'lightGreen' ), [144, 238, 144], 'Color names (lightGreen)' ); - deepEqual( jQuery.colorUtil.getRGB( 'lightGreen' ), [144, 238, 144], 'Color names (transparent)' ); - equal( typeof jQuery.colorUtil.getRGB( 'mediaWiki' ), 'undefined', 'Inexisting color name' ); - -}); - -test( 'rgbToHsl', function(){ - var hsl = jQuery.colorUtil.rgbToHsl( 144, 238, 144 ); - var dualDecimals = function(a,b){ - return Math.round(a*100)/100; - }; - - ok( hsl, 'Basic return evaluation' ); - deepEqual( dualDecimals(hsl[0]) , 0.33, 'rgb(144, 238, 144): H 0.33' ); - deepEqual( dualDecimals(hsl[1]) , 0.73, 'rgb(144, 238, 144): S 0.73' ); - deepEqual( dualDecimals(hsl[2]) , 0.75, 'rgb(144, 238, 144): L 0.75' ); - -}); - -test( 'hslToRgb', function(){ - var rgb = jQuery.colorUtil.hslToRgb( 0.3, 0.7, 0.8 ); - - ok( rgb, 'Basic return evaluation' ); - deepEqual( Math.round(rgb[0]) , 183, 'hsl(0.3, 0.7, 0.8): R 183' ); - deepEqual( Math.round(rgb[1]) , 240, 'hsl(0.3, 0.7, 0.8): G 240' ); - deepEqual( Math.round(rgb[2]) , 168, 'hsl(0.3, 0.7, 0.8): B 168' ); - -}); - -test( 'getColorBrightness', function(){ - - var a = jQuery.colorUtil.getColorBrightness( 'red', +0.1 ); - - equal( a, 'rgb(255,50,50)', 'Start with named color, brighten 10%' ); - - var b = jQuery.colorUtil.getColorBrightness( 'rgb(200,50,50)', -0.2 ); - - equal( b, 'rgb(118,29,29)', 'Start with rgb string, darken 10%' ); - -}); diff --git a/resources/test/unit/jquery/jquery.mwPrototypes.js b/resources/test/unit/jquery/jquery.mwPrototypes.js deleted file mode 100644 index b53e062d76..0000000000 --- a/resources/test/unit/jquery/jquery.mwPrototypes.js +++ /dev/null @@ -1,58 +0,0 @@ -module( 'jquery.mwPrototypes.js' ); - -test( 'String functions', function(){ - - equal( $j.trimLeft( ' foo bar ' ), 'foo bar ', 'trimLeft' ); - equal( $j.trimRight( ' foo bar ' ), ' foo bar', 'trimRight' ); - equal( $j.ucFirst( 'foo'), 'Foo', 'ucFirst' ); - - equal( $j.escapeRE( ' + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

MediaWiki JavaScript Test Suite

+ + +

+ + + +

+ +

+ + diff --git a/tests/qunit/sample/awesome.js b/tests/qunit/sample/awesome.js new file mode 100644 index 0000000000..61fbbc7227 --- /dev/null +++ b/tests/qunit/sample/awesome.js @@ -0,0 +1 @@ +window.awesome = true; diff --git a/tests/qunit/suites/resources/jquery/jquery.autoEllipsis.js b/tests/qunit/suites/resources/jquery/jquery.autoEllipsis.js new file mode 100644 index 0000000000..e0d5b98f63 --- /dev/null +++ b/tests/qunit/suites/resources/jquery/jquery.autoEllipsis.js @@ -0,0 +1,49 @@ +module( 'jquery.autoEllipsis.js' ); + +test( '-- Initial check', function(){ + + ok( jQuery.fn.autoEllipsis, 'jQuery.fn.autoEllipsis defined' ); +}); + +function createWrappedDiv( text ) { + var $wrapper = $( '

' ).css( 'width', '100px' ); + var $div = $( '

' ).text( text ); + $wrapper.append( $div ); + return $wrapper; +} + +function findDivergenceIndex( a, b ) { + var i = 0; + while ( i < a.length && i < b.length && a[i] == b[i] ) { + i++; + } + return i; +} + +test( 'Position right', function() { + // We need this thing to be visible, so append it to the DOM + var origText = 'This is a really long random string and there is no way it fits in 100 pixels.'; + var $wrapper = createWrappedDiv( origText ); + $( 'body' ).append( $wrapper ); + $wrapper.autoEllipsis( { position: 'right' } ); + + // Verify that, and only one, span element was created + var $span = $wrapper.find( '> span' ); + deepEqual( $span.length, 1, 'autoEllipsis wrapped the contents in a span element' ); + + // Check that the text fits by turning on word wrapping + $span.css( 'whiteSpace', 'nowrap' ); + ok( $span.width() <= $span.parent().width(), "Text fits (span's width is no larger than its parent's width)" ); + + // Add one character using scary black magic + var spanText = $span.text(); + var d = findDivergenceIndex( origText, spanText ); + spanText = spanText.substr( 0, d ) + origText[d] + '...'; + + // Put this text in the span and verify it doesn't fit + $span.text( spanText ); + ok( $span.width() > $span.parent().width(), 'Fit is maximal (adding one character makes it not fit any more)' ); + + // Clean up + $wrapper.remove(); +}); diff --git a/tests/qunit/suites/resources/jquery/jquery.colorUtil.js b/tests/qunit/suites/resources/jquery/jquery.colorUtil.js new file mode 100644 index 0000000000..5c8f0676f4 --- /dev/null +++ b/tests/qunit/suites/resources/jquery/jquery.colorUtil.js @@ -0,0 +1,67 @@ +module( 'jquery.colorUtil.js' ); + +test( '-- Initial check', function(){ + + ok( jQuery.colorUtil, 'jQuery.colorUtil defined' ); +}); + +test( 'getRGB', function(){ + + equal( typeof jQuery.colorUtil.getRGB(), 'undefined', 'No arguments' ); + equal( typeof jQuery.colorUtil.getRGB( '' ), 'undefined', 'Empty string' ); + deepEqual( jQuery.colorUtil.getRGB( [0, 100, 255] ), [0, 100, 255], 'Array' ); + deepEqual( jQuery.colorUtil.getRGB( 'rgb(0,100,255)' ), [0, 100, 255], 'Parse simple string' ); + deepEqual( jQuery.colorUtil.getRGB( 'rgb(0, 100, 255)' ), [0, 100, 255], 'Parse simple string (whitespace)' ); + deepEqual( jQuery.colorUtil.getRGB( 'rgb(0%,20%,40%)' ), [0, 51, 102], 'Parse percentages string' ); + deepEqual( jQuery.colorUtil.getRGB( 'rgb(0%, 20%, 40%)' ), [0, 51, 102], 'Parse percentages string (whitespace)' ); + deepEqual( jQuery.colorUtil.getRGB( '#f2ddee' ), [242, 221, 238], 'Hex string: 6 char lowercase' ); + deepEqual( jQuery.colorUtil.getRGB( '#f2DDEE' ), [242, 221, 238], 'Hex string: 6 char uppercase' ); + deepEqual( jQuery.colorUtil.getRGB( '#f2DdEe' ), [242, 221, 238], 'Hex string: 6 char mixed' ); + deepEqual( jQuery.colorUtil.getRGB( '#eee' ), [238, 238, 238], 'Hex string: 3 char lowercase' ); + deepEqual( jQuery.colorUtil.getRGB( '#EEE' ), [238, 238, 238], 'Hex string: 3 char uppercase' ); + deepEqual( jQuery.colorUtil.getRGB( '#eEe' ), [238, 238, 238], 'Hex string: 3 char mixed' ); + deepEqual( jQuery.colorUtil.getRGB( 'rgba(0, 0, 0, 0)' ), [255, 255, 255], 'Zero rgba for Safari 3; Transparent (whitespace)' ); + // Perhaps this is a bug in colorUtil, but it is the current behaviour so, let's keep track + // would that ever change + equal( typeof jQuery.colorUtil.getRGB( 'rgba(0,0,0,0)' ), 'undefined', 'Zero rgba without whitespace' ); + + deepEqual( jQuery.colorUtil.getRGB( 'lightGreen' ), [144, 238, 144], 'Color names (lightGreen)' ); + deepEqual( jQuery.colorUtil.getRGB( 'lightGreen' ), [144, 238, 144], 'Color names (transparent)' ); + equal( typeof jQuery.colorUtil.getRGB( 'mediaWiki' ), 'undefined', 'Inexisting color name' ); + +}); + +test( 'rgbToHsl', function(){ + var hsl = jQuery.colorUtil.rgbToHsl( 144, 238, 144 ); + var dualDecimals = function(a,b){ + return Math.round(a*100)/100; + }; + + ok( hsl, 'Basic return evaluation' ); + deepEqual( dualDecimals(hsl[0]) , 0.33, 'rgb(144, 238, 144): H 0.33' ); + deepEqual( dualDecimals(hsl[1]) , 0.73, 'rgb(144, 238, 144): S 0.73' ); + deepEqual( dualDecimals(hsl[2]) , 0.75, 'rgb(144, 238, 144): L 0.75' ); + +}); + +test( 'hslToRgb', function(){ + var rgb = jQuery.colorUtil.hslToRgb( 0.3, 0.7, 0.8 ); + + ok( rgb, 'Basic return evaluation' ); + deepEqual( Math.round(rgb[0]) , 183, 'hsl(0.3, 0.7, 0.8): R 183' ); + deepEqual( Math.round(rgb[1]) , 240, 'hsl(0.3, 0.7, 0.8): G 240' ); + deepEqual( Math.round(rgb[2]) , 168, 'hsl(0.3, 0.7, 0.8): B 168' ); + +}); + +test( 'getColorBrightness', function(){ + + var a = jQuery.colorUtil.getColorBrightness( 'red', +0.1 ); + + equal( a, 'rgb(255,50,50)', 'Start with named color, brighten 10%' ); + + var b = jQuery.colorUtil.getColorBrightness( 'rgb(200,50,50)', -0.2 ); + + equal( b, 'rgb(118,29,29)', 'Start with rgb string, darken 10%' ); + +}); diff --git a/tests/qunit/suites/resources/jquery/jquery.mwPrototypes.js b/tests/qunit/suites/resources/jquery/jquery.mwPrototypes.js new file mode 100644 index 0000000000..b53e062d76 --- /dev/null +++ b/tests/qunit/suites/resources/jquery/jquery.mwPrototypes.js @@ -0,0 +1,58 @@ +module( 'jquery.mwPrototypes.js' ); + +test( 'String functions', function(){ + + equal( $j.trimLeft( ' foo bar ' ), 'foo bar ', 'trimLeft' ); + equal( $j.trimRight( ' foo bar ' ), ' foo bar', 'trimRight' ); + equal( $j.ucFirst( 'foo'), 'Foo', 'ucFirst' ); + + equal( $j.escapeRE( '