Core HTML diff algorithm.
Clone Repo.
git clone https://github.com/auncel/diff-dom-core.git
Install dependence.
npm install
problem with install puppeteer. recommend using
cnpm
instead. see more detail at troublesheet.
Building Typescript.
npm run build
Tesing
npm run test
import { diffDomCore, Puppeteer } from '@auncel/diff-dom-core';
const options = {
// generation: IGenerateRenderTreeOptions,
diff: {
rectTolerance: 0,
},
evaluation: {
attrs: {
isStrict: true,
list: [],
},
// isTagStrictlyEqaul: true,
isIdStrictlyEqual: false,
isClassStrictlyEqual: true,
},
},
};
const diffRes = await diffDomCore(
{ html: '<div>Text</div>', style: 'div{color: #fff;}' },
{ html: '<div>Text</div>', style: 'div{color: #000;}' },
options,
);
console.log(diffRes);
// ==>
// {
// "score":80,
// "logs":[
// {
// "location":"div",
// "difference":[
// "property incorrent. [color] expect: rgb(255, 255, 255), actual: rgb(0, 0, 0)"
// ]
// }
// ]
// }
await Puppeteer.close();