bobwen-dev/react-templates
1
0
Fork 0
mirror of https://github.com/bobwen-dev/react-templates synced 2025-04-12 00:56:39 +02:00
Code Issues Releases Wiki Activity

compare html with cheerio

Browse Source
This commit is contained in:
ido 2016-07-21 10:20:01 +03:00
parent b3cc40e297
commit 556633d977
3 changed files with 109 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
test/src/rt-html-valid.spec.js Normal file
View File

@ -0,0 +1,64 @@
'use strict';
// const _ = require('lodash');
const reactTemplates = require('../../src/reactTemplates');
const testUtils = require('./testUtils');
const readFileNormalized = testUtils.readFileNormalized;
const compareAndWriteHtml = testUtils.compareAndWriteHtml;
const path = require('path');
const fsUtil = require('../../src/fsUtil');
const fs = require('fs');
module.exports = {
runTests(test, dataPath) {
test('html tests', t => {
const files = [
'scope.rt',
'scope-trailing-semicolon.rt',
'scope-variable-references.rt',
'lambda.rt',
'eval.rt',
'props.rt',
'custom-element.rt',
'style.rt',
'concat.rt',
'js-in-attr.rt',
'props-class.rt',
'rt-class.rt',
'className.rt',
'svg.rt',
'virtual.rt',
'scope-evaluated-after-repeat.rt',
'scope-evaluated-after-repeat2.rt',
'scope-evaluated-after-if.rt',
'scope-obj.rt',
'repeat-literal-collection.rt',
'include.rt'
];
// t.plan(files.length);
files.forEach(testFile => {
const filename = path.join(dataPath, testFile);
const options = {
readFileSync: fsUtil.createRelativeReadFileSync(filename),
modules: 'amd'
};
let code = '';
try {
const html = fs.readFileSync(filename).toString();
const expected = testUtils.normalizeHtml(readFileNormalized(filename + '.html'));
code = reactTemplates.convertTemplateToReact(html, options).replace(/\r/g, '');
const actual = testUtils.normalizeHtml(testUtils.codeToHtml(code));
const equal = compareAndWriteHtml(t, actual, expected, filename);
if (!equal) {
fs.writeFileSync(filename + '.code.js', code);
}
} catch (e) {
console.log(testFile, e);
fs.writeFileSync(filename + '.code.js', code);
t.fail(e);
}
});
t.end();
});
}
};

53
test/src/rt.valid.spec.js
View File

@ -6,8 +6,6 @@ const readFileNormalized = testUtils.readFileNormalized;
const compareAndWrite = testUtils.compareAndWrite;
const path = require('path');
const context = require('../../src/context');
const fsUtil = require('../../src/fsUtil');
const fs = require('fs');
module.exports = {
runTests(test, dataPath) {
@ -24,7 +22,7 @@ module.exports = {
files.forEach(testFile => {
check(t, {
source: testFile,
expected: testFile + '.js',
expected: `${testFile}.js`,
options
});
});
@ -140,54 +138,5 @@ module.exports = {
compareAndWrite(t, actual, expected, filename);
});
});
test('html tests', t => {
const files = [
'scope.rt',
'scope-trailing-semicolon.rt',
'scope-variable-references.rt',
'lambda.rt',
'eval.rt',
'props.rt',
'custom-element.rt',
'style.rt',
'concat.rt',
'js-in-attr.rt',
'props-class.rt',
'rt-class.rt',
'className.rt',
'svg.rt',
'virtual.rt',
'scope-evaluated-after-repeat.rt',
'scope-evaluated-after-repeat2.rt',
'scope-evaluated-after-if.rt',
'scope-obj.rt',
'repeat-literal-collection.rt',
'include.rt'
];
t.plan(files.length);
files.forEach(testFile => {
const filename = path.join(dataPath, testFile);
const options = {
readFileSync: fsUtil.createRelativeReadFileSync(filename),
modules: 'amd'
};
let code = '';
try {
const html = fs.readFileSync(filename).toString();
const expected = testUtils.normalizeHtml(readFileNormalized(filename + '.html'));
code = reactTemplates.convertTemplateToReact(html, options).replace(/\r/g, '');
const actual = testUtils.normalizeHtml(testUtils.codeToHtml(code));
const equal = compareAndWrite(t, actual, expected, filename);
if (!equal) {
fs.writeFileSync(filename + '.code.js', code);
}
} catch (e) {
console.log(testFile, e);
fs.writeFileSync(filename + '.code.js', code);
}
});
});
}
};

38
test/src/testUtils.js
View File

@ -34,6 +34,41 @@ function compareAndWrite(t, actual, expected, filename) {
return true;
}
/**
* @param {*} t
* @param {string} actual
* @param {string} expected
* @param {string} filename
* @return {boolean} whether actual is equal to expected
*/
function compareAndWriteHtml(t, actual, expected, filename) {
const $actual = cheerio.load(actual, {normalizeWhitespace: true});
const $expected = cheerio.load(expected, {normalizeWhitespace: true});
compareNodesList(t, $actual.root(), $expected.root(), filename);
// t.equal(actual, expected, filename);
// if (actual !== expected) {
// fs.writeFileSync(filename + '.actual.js', actual);
// return false;
// }
// return true;
}
function compareNodes(t, a, b, filename) {
_.forEach(a.attribs, (v, k) => {
if (v !== b.attribs[k]) {
console.log(`${v} is not ${b.attribs[k]}`);
}
t.equal(v, b.attribs[k], filename);
});
compareNodesList(t, a.children, b.children);
}
function compareNodesList(t, a, b, filename) {
_.forEach(a, (v, i) => {
compareNodes(t, v, b[i], filename);
});
}
/**
* @param {string} filename
* @return {string}
@ -82,5 +117,6 @@ module.exports = {
readFile,
joinDataPath,
rtToHtml,
codeToHtml
codeToHtml,
compareAndWriteHtml
};