' +
+ '\nx x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\nx' +
+ '\n'
+ );
+ assert.doesNotThrow(function() {
+ contrastEvaluate.apply(checkContext, params);
+ });
+ });
+
+ describe('with pseudo elements', function() {
it('should return undefined if :before pseudo element has a background color', function() {
var params = checkSetup(
'' +
'Content
Content
Content
Content
Content
Content
Content
Content
Content
Content
' - ); - assert.isUndefined(contrastEvaluate.apply(checkContext, params)); - }); + (isIE11 ? it : xit)( + 'should return undefined if the unit is not in px', + function() { + var params = checkSetup( + '' + + 'Content
' + ); + assert.isUndefined(contrastEvaluate.apply(checkContext, params)); + } + ); }); - describe('with special texts', function () { + describe('with special texts', function() { it('should return undefined for a single character text with insufficient contrast', function() { var params = checkSetup( 'Content
', { - pseudoSizeThreshold: 0.20 + pseudoSizeThreshold: 0.2 } ); assert.isUndefined(contrastEvaluate.apply(checkContext, params)); }); }); - describe('with shadowDOM', function () { + describe('with shadowDOM', function() { (shadowSupported ? it : xit)( 'returns colors across Shadow DOM boundaries', function() { diff --git a/test/commons/color/flatten-colors.js b/test/commons/color/flatten-colors.js index c9244e40ca..bceb351f52 100644 --- a/test/commons/color/flatten-colors.js +++ b/test/commons/color/flatten-colors.js @@ -6,7 +6,10 @@ describe('color.flattenColors', function() { var fullblack = new axe.commons.color.Color(0, 0, 0, 1); var transparent = new axe.commons.color.Color(0, 0, 0, 0); var white = new axe.commons.color.Color(255, 255, 255, 1); - var gray = new axe.commons.color.Color(127.5, 127.5, 127.5, 1); + var gray = new axe.commons.color.Color(128, 128, 128, 1); + var halfRed = new axe.commons.color.Color(255, 0, 0, 0.5); + var quarterLightGreen = new axe.commons.color.Color(0, 128, 0, 0.25); + var flat = axe.commons.color.flattenColors(halfblack, white); assert.equal(flat.red, gray.red); assert.equal(flat.green, gray.green); @@ -21,5 +24,23 @@ describe('color.flattenColors', function() { assert.equal(flat3.red, white.red); assert.equal(flat3.green, white.green); assert.equal(flat3.blue, white.blue); + + var flat4 = axe.commons.color.flattenColors(halfRed, white); + assert.equal(flat4.red, 255); + assert.equal(flat4.green, 128); + assert.equal(flat4.blue, 128); + assert.equal(flat4.alpha, 1); + + var flat5 = axe.commons.color.flattenColors(quarterLightGreen, white); + assert.equal(flat5.red, 191); + assert.equal(flat5.green, 223); + assert.equal(flat5.blue, 191); + assert.equal(flat5.alpha, 1); + + var flat6 = axe.commons.color.flattenColors(quarterLightGreen, halfRed); + assert.equal(flat6.red, 96); + assert.equal(flat6.green, 32); + assert.equal(flat6.blue, 0); + assert.equal(flat6.alpha, 0.625); }); }); diff --git a/test/commons/dom/get-element-stack.js b/test/commons/dom/get-element-stack.js index ed31136946..290213430e 100644 --- a/test/commons/dom/get-element-stack.js +++ b/test/commons/dom/get-element-stack.js @@ -348,6 +348,46 @@ describe('dom.getElementStack', function() { assert.deepEqual(stack, []); }); + it('should throw error if element midpoint-x exceeds the grid', function() { + fixture.innerHTML = '+ Use this page to verify that axe-core produces the correct colors for each + blended background. If using Chrome, please ensure it is using the + sRGB color profile by navigating to chrome://flags/, searching for "Force + color profile" and setting it to "sRGB" (otherwise it uses the OS color + profile which for Mac, which we believe is "Display P3 D65" and will + produce the incorrect result color when blending). +
++ For more information, see + https://github.com/dequelabs/axe-core/issues/2924 +
+