@auncel/diff-dom-core
TypeScript icon, indicating that this package has built-in type declarations

0.2.2-alpha.1 • Public • Published

@auncel/diff-dom-core

Core HTML diff algorithm.

Usage

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

Exmaple

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();

Dependency Package

Readme

Keywords

none

Package Sidebar

Install

npm i @auncel/diff-dom-core

Weekly Downloads

1

Version

0.2.2-alpha.1

License

MPL-2.0

Unpacked Size

788 kB

Total Files

307

Last publish

Collaborators

  • dov-yih