npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

selectron-test

v2.0.0

Published

Simple testing of HTML structures based on CSS selectors

Downloads

14

Readme

selectron-test

This modules exposes simple assertions against HTML structures based on CSS selectors. It is primarily useful if you wish to run numerous tests against an HTML document.

Example

let makeSelectron = require('selectron-test')
  , doc = getHTMLDocumentSomehow()
  , selectron = makeSelectron(doc)
;

// there is at least one element with a data-selectron attribute
selectron('[data-selectron]');

// there are exactly two p elements that are direct children of a header element
selectron('header > p', 2);

// the first p of the first header has text content exactly matching this sentence
selectron('header > p:first-of-type', 'I really think they are');

// there is no element with any of these classes
selectron('.comment-start, .comment-end, .insertion, .deletion', false);

// the last section in the article has an id attribute with value "conclusion"
selectron('article > section:last-of-type', { id: 'conclusion' });

API

The module exports a single makeSelectron(doc) function. It takes an HTML document or HTML element node that will serve as the context for the testing. This returns a selectron(css, value) function that can then be used to run as many tests as desired agains that specific context.

There are five ways of running a test against the context using the generated function:

  • With no value: this just tests that the css selector matches something.
  • With value being exactly false: tests non-existence of css.
  • With a numeric value: will look for all nodes that match the selector and pass if the total number is the provided one.
  • With a string value: will find the first element that matches the css, take its text content, and if that exactly matches the given string it passes.
  • With value being an object: tests that there is a match and that it has attributes matching the key/value pairs in the object.