Skip to content

Check DOM elements in page view-source. This tool can be used for the testing/debugging purpose.

Notifications You must be signed in to change notification settings

samiahmedsiddiqui/check-dom-elements

Repository files navigation

check-dom-elements

This package is used for testing purpose. You can use the tests that are already created and mentioned in Examples section OR create a test as per your requirement otherwise open an Issue and write down your test requirements and I will try to create that test on your behalf.

When the site is on VPN so this is where it plays an important role. You can simply connect your system/machine with VPN and run this package locally.

It can also crawl the website that are secured with HTTP Authentication.

Install

To get started, clone the repository and run the following commands in sequential order.

# Option 1: clone by SSH
  $ git clone --recursive git@github.com:samiahmedsiddiqui/check-dom-elements.git

# Option 2: clone by HTTPS
  $ git clone --recursive https://github.com/samiahmedsiddiqui/check-dom-elements.git

# Navigate to the repo dir
$ cd check-dom-elements

# Install packages as listed in package.json
$ npm install

Examples

General

List of used script(s)

Update test/list-of-used-scripts.js with your configuration.

npm run test:used-scripts

Anchor Tag

List of Page URL(s) with wrong rel for target="_blank"

Update test/list-of-target-blank-with-wrong-attributes.js with your configuration.

npm run test:target-blank-with-wrong-attributes

NOTE: It returns the list of page URL(s) where link contains target="_blank" and rel has value other than noopener.

Page URL(s) where absolute URL(s) are used in links

Update test/list-of-absolute-urls.js with your configuration.

npm run test:absolute-urls

Image Tag

List of image src/URL(s)

Update test/list-of-used-images.js with your configuration.

npm run test:used-images

Meta Tags

Meta tags used in the Page as JSON format

Update test/list-of-meta.js with your configuration.

npm run test:meta

Page URL(s) that has robots meta tag

Update test/list-of-meta-robots.js with your configuration.

npm run test:meta-robots

Parameters

Attributes Type Required Default Description
sitemaps Array Yes Sitemap(s) URL(s) where the actual site URL(s) needs to be fetched for DOM testing.
urls Array Yes URL(s) for which DOM testing needs to be performed.
test String Yes Name of the test that needs to be run. If you are running tests that are listed in README then keep the name as it is.
options Object No {} Define options like HTTP Auth credentials if the site is locked or headers etc.

NOTE: sitemaps and/or urls is required. You can define both parameters as well to fetch URL(s) from sitemap and the URL(s) that are not listed in the sitemap, you can provide them separately.

About

Check DOM elements in page view-source. This tool can be used for the testing/debugging purpose.

Topics

Resources

Stars

Watchers

Forks