My Library Build Test (HTML)

The first indicator of a successful build is the lack of a script error.

Testing standards mode layout. Test in quirks mode.

If all is well, download your library. If you encounter an error, please report it to the author.

Ajax

Test the creation of an XHR object.

Test

Requester

Test Ajax requests.

Test

Updater

Test Ajax updates. Clicking the clock that appears should result in a test alert.

This element will change.
Test
Effects
Options

Bookmark

The bookmark methods work only in IE and Mozilla-based browsers.

Test

Cookie

Test whether cookies are enabled.

Note: The result is cached until the next page load.

Test

DOM

Count elements.

Test

Find h1 element.

Test

Script

Test adding script.

Test

Style Sheet

This text should be red.

Query

To compare the performance of various queries, see the speed test.

Compare the query results with the DOM tests.

Test

Drag and Drop

Basic

Drag to move the image.

Horizontal Axis

The image only moves horizontally.

Constrained

The image position is contrained by the viewport.

Static Position

The image is positioned on drag.

Size

Drag to size the image

Scroll

Drag to scroll the image

Drop Target

Drag the image over the drop target.

Drop Target

Handles and Initiation

Drag the handles to move or size the box. Alternatively, click the Move or Size button. Drag operations can be controlled by keyboard or mouse.

Menu

Event

Test click event.

Test

Context Click

Click this text with the context button.

Note: Some browsers (e.g. Opera) cannot cancel the default context action (typically a popup menu.) Other browsers (e.g. Firefox) may execute the default action if the test alert is dismissed with the pointing device.

Help

Test the help event.

Note: Some browsers (e.g. Opera) cannot cancel the default help action.

Test

Mousewheel

Roll the mousewheel over this text.

Rollover

Test the rollover events.

Test

Mouse Position

Test mouse position.

Test

HTML

Test setting inner HTML.

This element will change.
test
Effects
Options

Get

Test getting inner and outer HTML.

Test
Report
Options

Image

Test changing images.

Test
Effects
Options

Plugin

Flash

This test attempts to create two Flash movies. The first is a simple animation that does not interact with the script, so its static fallbacks are the standard nested Flash objects and an image. When scripting is enabled, the Flash objects are replaced with the image if the required version of Flash is unavailable. Note that the Flash movie is replaced by a derived copy when Flash support is present (to avoid the "Click to activate" issue in IE and Opera.) When scripting is disabled, the image will be visible if plug-ins are disabled; otherwise, most browsers will prompt to download the Flash plugin. The second movie demonstrates adding parameters with script, so its static fallback is an empty div.

Audio

Note: In browsers that use plug-ins for audio, the first file played may be delayed (and clipped) by the plug-in loading. This is because the deferAudio property has been set.

Test

Scroll

Test scrolling to the edges of the document.

Test

Sidebars

Sidebars are currently an Easter Egg feature as the dependencies have not been finalized.

Test

Style

Test computed styles.

Test

Test cascaded styles.

Note: Cascaded style reporting is not typically found in non-IE browsers. Opera 9 has some level of support, but reported inconsistent (and often completely wrong) results in testing.

Test

Test normalized style.

Test

Class

This text should reflect the class changes.

Test

Opacity

This text should be 50% opaque.

Fixed Position
Absolute Position

Show

Static Position

Test toggling elements.

Test
Effects
Options

Key

Caution (5)

Suggestion (1)

By David Mark