scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-01 02:38:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Various fixes in the resemble.js QUnit extension.

Browse source
This commit is contained in:
Jürg Lehni 2016-01-03 00:29:28 +01:00
parent 9404c5a0e3
commit b9ee066610
1 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
test/js/helpers.js
View file

@ -57,11 +57,6 @@ function compareProperties(actual, expected, properties, message, options) {
function compareItem(actual, expected, message, options, properties) { function compareItem(actual, expected, message, options, properties) {
function getImageTag(raster) {
return '<img width="' + raster.with + '" height="' + raster.height
+ '" src="'+ raster.source + '">'
}
function rasterize(item, group, resolution) { function rasterize(item, group, resolution) {
var raster = null; var raster = null;
if (group) { if (group) {
@ -72,6 +67,11 @@ function compareItem(actual, expected, message, options, properties) {
return raster; return raster;
} }
function getImageTag(raster) {
return '<img width="' + raster.width + '" height="' + raster.height
+ '" src="' + raster.source + '">'
}
if (options && options.rasterize) { if (options && options.rasterize) {
// In order to properly compare pixel by pixel, we need to put each item // In order to properly compare pixel by pixel, we need to put each item
// into a group with a white background of the united dimensions of the // into a group with a white background of the united dimensions of the
@ -95,29 +95,29 @@ function compareItem(actual, expected, message, options, properties) {
} else { } else {
// Use resemble.js to compare the two rasterized items. // Use resemble.js to compare the two rasterized items.
var id = QUnit.config.current.testId, var id = QUnit.config.current.testId,
index = QUnit.config.current.assertions.length + 1,
result; result;
resemble(actual.getImageData()) resemble(actual.getImageData())
.compareTo(expected.getImageData()) .compareTo(expected.getImageData())
// When working with imageData, this call is synchronous: // When working with imageData, this call is synchronous:
.onComplete(function(data) { result = data; }); .onComplete(function(data) { result = data; });
var identical = result ? 100 - result.misMatchPercentage : 0, var identical = result ? 100 - result.misMatchPercentage : 0,
ok = identical == 100; ok = identical == 100,
QUnit.push(ok, identical.toFixed(2) + '% identical', text = identical.toFixed(2) + '% identical'
'100.00% identical', message); QUnit.push(ok, text, '100.00% identical', message);
if (!ok && result) { if (!ok && result) {
var output = document.getElementById('qunit-test-output-' + id), // Get the right entry for this unit test and assertion, and
// replace the results with images
var entry = document.getElementById('qunit-test-output-' + id)
.querySelector('li:nth-child(' + (index) + ')'),
bounds = result.diffBounds; bounds = result.diffBounds;
output.querySelector('.test-expected td').innerHTML = entry.querySelector('.test-expected td').innerHTML =
getImageTag(expected); getImageTag(expected);
var el = output.querySelector('.test-actual td'); entry.querySelector('.test-actual td').innerHTML =
el.innerHTML = getImageTag(actual) + '<br>' + getImageTag(actual);
el.innerHTML.replace(/<\/?pre>|"/g, ''); entry.querySelector('.test-diff td').innerHTML = '<pre>' + text
output.querySelector('.test-diff td').innerHTML = + '</pre><br>'
getImageTag({ + '<img src="' + result.getImageDataUrl() + '">';
source: result.getImageDataUrl(),
width: bounds.right - bounds.left,
height: bounds.bottom - bounds.top
});
} }
} }
} else { } else {