@wildpeaks/snapshot-dom
Advanced tools
Comparing version 2.0.0-rc3 to 2.0.0
| { | ||
| "name": "@wildpeaks/snapshot-dom", | ||
| "version": "2.0.0-rc3", | ||
| "version": "2.0.0", | ||
| "description": "Converts a DOM element to a JSON tree", | ||
@@ -5,0 +5,0 @@ "author": "Cecile Muller", |
148
README.md
| # Snapshot | ||
| [](https://greenkeeper.io/) | ||
| **Converts an HTMLElement to a JSON tree, useful for automated DOM tests.** | ||
@@ -36,8 +38,8 @@ | ||
| try { | ||
| const page = await browser.newPage(); | ||
| await page.setContent(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`, {waitUntil: "load"}); | ||
| await page.addScriptTag({path: script}); | ||
| snapshot = await page.evaluate(() => window.snapshotToJSON(document.body)); | ||
| const page = await browser.newPage(); | ||
| await page.setContent(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`, {waitUntil: "load"}); | ||
| await page.addScriptTag({path: script}); | ||
| snapshot = await page.evaluate(() => window.snapshotToJSON(document.body)); | ||
| } finally { | ||
| await browser.close(); | ||
| await browser.close(); | ||
| } | ||
@@ -50,31 +52,31 @@ ```` | ||
| { | ||
| tagName: "body", | ||
| childNodes: [ | ||
| { | ||
| tagName: "article", | ||
| attributes: { | ||
| class: "class1 class2" | ||
| }, | ||
| childNodes: [ | ||
| { | ||
| tagName: "p", | ||
| childNodes: [ | ||
| { | ||
| nodeName: "#text", | ||
| nodeValue: "Hello" | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| tagName: "p", | ||
| childNodes: [ | ||
| { | ||
| nodeName: "#text", | ||
| nodeValue: "World" | ||
| } | ||
| ] | ||
| } | ||
| ] | ||
| } | ||
| ] | ||
| tagName: "body", | ||
| childNodes: [ | ||
| { | ||
| tagName: "article", | ||
| attributes: { | ||
| class: "class1 class2" | ||
| }, | ||
| childNodes: [ | ||
| { | ||
| tagName: "p", | ||
| childNodes: [ | ||
| { | ||
| nodeName: "#text", | ||
| nodeValue: "Hello" | ||
| } | ||
| ] | ||
| }, | ||
| { | ||
| tagName: "p", | ||
| childNodes: [ | ||
| { | ||
| nodeName: "#text", | ||
| nodeValue: "World" | ||
| } | ||
| ] | ||
| } | ||
| ] | ||
| } | ||
| ] | ||
| } | ||
@@ -113,13 +115,13 @@ ```` | ||
| try { | ||
| const page = await browser.newPage(); | ||
| await page.setContent(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`, {waitUntil: "load"}); | ||
| await page.addScriptTag({path: script1}); | ||
| await page.addScriptTag({path: script2}); | ||
| snapshot = await page.evaluate(() => { | ||
| let snapshot_ = window.snapshotToJSON(document.body); | ||
| snapshot_ = window.snapshotRemoveEmptyAttributes(snapshot_); | ||
| return snapshot_; | ||
| }); | ||
| const page = await browser.newPage(); | ||
| await page.setContent(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`, {waitUntil: "load"}); | ||
| await page.addScriptTag({path: script1}); | ||
| await page.addScriptTag({path: script2}); | ||
| snapshot = await page.evaluate(() => { | ||
| const snapshot_ = window.snapshotToJSON(document.body); | ||
| window.snapshotRemoveEmptyAttributes(snapshot_); | ||
| return snapshot_; | ||
| }); | ||
| } finally { | ||
| await browser.close(); | ||
| await browser.close(); | ||
| } | ||
@@ -132,11 +134,11 @@ ```` | ||
| { | ||
| tagName: "body", | ||
| childNodes: [ | ||
| { | ||
| tagName: "img", | ||
| attributes: { | ||
| param3: "hello" | ||
| } | ||
| } | ||
| ] | ||
| tagName: "body", | ||
| childNodes: [ | ||
| { | ||
| tagName: "img", | ||
| attributes: { | ||
| param3: "hello" | ||
| } | ||
| } | ||
| ] | ||
| } | ||
@@ -177,13 +179,13 @@ ```` | ||
| try { | ||
| const page = await browser.newPage(); | ||
| await page.setContent(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`, {waitUntil: "load"}); | ||
| await page.addScriptTag({path: script1}); | ||
| await page.addScriptTag({path: script2}); | ||
| snapshot = await page.evaluate(() => { | ||
| let snapshot_ = window.snapshotToJSON(document.body); | ||
| snapshot_ = window.snapshotSortAttributes(snapshot_, ["data-param1"]); | ||
| return snapshot_; | ||
| }); | ||
| const page = await browser.newPage(); | ||
| await page.setContent(`<!DOCTYPE html><html><head></head><body>${html}</body></html>`, {waitUntil: "load"}); | ||
| await page.addScriptTag({path: script1}); | ||
| await page.addScriptTag({path: script2}); | ||
| snapshot = await page.evaluate(() => { | ||
| const snapshot_ = window.snapshotToJSON(document.body); | ||
| window.snapshotSortAttributes(snapshot_, ["data-param1"]); | ||
| return snapshot_; | ||
| }); | ||
| } finally { | ||
| await browser.close(); | ||
| await browser.close(); | ||
| } | ||
@@ -196,12 +198,12 @@ ```` | ||
| { | ||
| tagName: "body", | ||
| childNodes: [ | ||
| { | ||
| tagName: "article", | ||
| attributes: { | ||
| "data-param1": "sorted1 sorted2 sorted3", | ||
| "data-param2": "unsorted2 unsorted1 unsorted3" | ||
| } | ||
| } | ||
| ] | ||
| tagName: "body", | ||
| childNodes: [ | ||
| { | ||
| tagName: "article", | ||
| attributes: { | ||
| "data-param1": "sorted1 sorted2 sorted3", | ||
| "data-param2": "unsorted2 unsorted1 unsorted3" | ||
| } | ||
| } | ||
| ] | ||
| } | ||
@@ -208,0 +210,0 @@ ```` |
Fixed alerts
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by3.46%
8665
- Number of low quality alerts
- decreased by-100%
0
- Number of lines in readme file
- increased by0.94%
215
No dependency changes