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

glance-webdriver

v0.8.7

Published

Automation at a glance

Downloads

37

Readme

For a step by step guide to setting up selenium:

http://educate.quasimatic.com/installation/setting-up-selenium

For a guide to run your first selenium glance script:

http://educate.quasimatic.com/selenium/glance-from-scratch

Methods

setLogLevel(level)

		Determine log level :

		error, warning, debug, info, trace

url(address):

		Navigate to specified URL

end():

		End the session and close the browser

find(selector):

		Find the element(s) given selector

type(text)

		Replace element text with specified text

click(selector) :

		Click element

doubleClick(selector)

		Double click element

middleClick(selector)

		Middle click element

rightClick(selector)

		Right click element

mouseDown()

		Press mouse button

mouseUp()

		Lift mouse button
		

moveMouseTo(selector, [xOffset, yOffset])

		Move mouse to center of element. optional - X,Y offsets from the top left corner of element

dragAndDrop(sourceSelector, targetSelector, [xOffset, yOffset])

		Drag the specified source element to the center of the specified target element. 
        optional - X,Y offsets from the top left corner of  target element

save(selector)

		Performs a get on the specified selector and keeps the results in memory 
        (results will vary depending on selector and projection use)
		example usage: save the number of items in a grid, so we can compare to after a new item is added.

waitForChange(selector)

		Wait for a change to previously saved selector's results 
		

getHistory(selector)

		Return the values from previously used save

execute(func, ...args)

		Execute browserside javascript

executeAsync(func, ...args)

		Execute browserside javascript Asynchroniously 

pause(delay)

		Add a pause in milliseconds

saveScreenshot(filename)

		Save a screenshot of the browser to the filename given
		example: saveScreenshot("/screenshot/mypic.jpg")

scroll(selector)

		Scroll to make element visible on screen

waitFor(selector)

		Wait for the given element to appear
		

Getting and setting values

get(selector)

		Get the given selector value

set(selector, value)

		Set the value of current selector
		

cast(state)

		Use Json to set state for multiple elements on page. multiple gets, example:
		.cast({
			'username': "myuser",
			'password': "mypass"
		})
	

Special projections:


These are added to end of selector to project the results.


Options:


These options are added to end of a Glance label to allow us to change how the object is found or filtered