Your Cloud Application

Tab Control Groups

Button Tags With Unique ID's

Button Tags With Unique Namespaced ID's

Button Tags Without ID's

Button Tags With Dynamic ID's

Button Tags With NON-Unique ID's (Bad HTML Test)

Button Tags With Unique ID's and Individual Class Names

Button Tags With Unique ID's and Shared Class Names

Off-Screen Elements

Resize the window horizontally until the right element are off the screen, and scroll while in help mode to test the note placement.

BMC remedyforce Lookup Input Fields

BMC remedyforce Search Box

Fake Fields/Imposters

Element Swap (Element already exists)
Click to edit me
Elements exist but are separated in the DOM
Click to edit me
Element Replace (Element replaced by another in the DOM)
Click to edit me
Click to edit me
Please Select...

Controls with ID's

Some Fieldset
For:








Controls Without ID's

Some Fieldset User Name:
Password:
Remember Me
For:
One Hour
One Day
One Week
One Month
On:

Forgot Password
Random Text Area

Nested Controls without ID's or Names (Contained in an anonymous form)

User Name:
Password:
Remember Me
For:
One Hour
One Day
One Week
One Month
On:

Forgot Password
Random Text Area

Nested Controls without ID's or Names (Contained in a form with an ID)

User Name:
Password:
Remember Me
For:
One Hour
One Day
One Week
One Month
On:

Forgot Password
Random Text Area

Nested Controls without ID's or Names (Contained in a form with a Name)

User Name:
Password:
Remember Me
For:
One Hour
One Day
One Week
One Month
On:

Forgot Password
Random Text Area

Controls with dynamic ID's

User Name:
Password:
Remember Me
For:
One Hour
One Day
One Week
One Month
On:

Forgot Password
Random Text Area

Buttons





JavaScript Button
JavaScript Button Dynamic ID

Labels

Label should be "Using Label Tag as a Wrapper (without FOR attribute)"
Label should be "Another Using Label Tag as a Wrapper (without FOR attribute)"
Label should be "Using Label Tag"
Labelled By Attribute-SingleLabel should be "Labelled By Attribute-Single"
Labelled By Attribute-MultipleAlternate LabelLabel should be "Labelled By Attribute-Multiple"
Described By Attribute-SingleLabel should be "Described By Attribute-Single"
Described By Attribute-MultipleAlternate DescriptionLabel should be "Described By Attribute-Multiple"
Label should be "Label Tag overrides Aria"
Label should be "Placeholder Text"
Label should be "Title"
Label should be Empty, not "Name"
Label should be empty, not "text"
Label should be empty, not "Control4"


Label Methods

Nick Name:

Middle Name:

E-Mail:

Labels without FOR attribute


Labels with FOR attribute

















Checkboxes

input type=checkbox





#5 Checkbox with onClick handler, without a label

role=checkbox (ARIA)



Radio Buttons

input type=radio



input type=radio with onclick event



role=radio (ARIA)

#1 Radio Button - SPAN
#2 Radio Button - SPAN
#3 Radio Button - SPAN

Lists


File/Upload

Inside a Form with a hidden input with id=id

Link!

ERP-Style Entry

Timesheet
Activity Type Internal Order Activity Code 00/00 00/00 00/00 00/00 00/00 00/00 00/00

Tables

Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
Month Savings
Sum $180
January $100
February $80

iFrame with ID

iFrame without ID

Nested iFrames

iFrame with Quirks Mode Content

Dynamically created iframe

Slow-Loading Dynamically created iframe (5 second lag before page loads)

Slow-Loading Dynamically created nested iframes (5 second lag before initial frame loads)

Iframe with Regex-able changing Id

NOTE: The regex is entered into the variableFrameIdRegexes client option array as a regex string of '^regex-iframe-\\d+$' - note the escaped backslash. uGuide initialization converts the string to a RegExp object when it loads the client options.

Example client option: "variableFrameIdRegexes":["^regex-iframe-\\d+$"]

Use the re-roll button in the top right of the page to change the ID of this frame (currently regex-iframe-1).

CK Editor Test

CK Editor Testing Tab

List items with links

Table Rows

A static row

Input Fields

Toggled Visibility

Image Map

This is a square This is a rounded rectangle This is an octagon

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus est quam, mollis ac fermentum eget, mollis nec augue. Praesent vulputate orci quis tortor dictum non aliquet tortor sagittis. Nullam tempor laoreet arcu id convallis. Fusce diam sem, tristique et scelerisque molestie, dignissim et enim. Phasellus ut purus sapien, id aliquam lectus. Aliquam erat volutpat. Sed scelerisque pulvinar lectus ac congue. Aliquam eu lorem velit, non faucibus dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla in imperdiet risus. Aenean pellentesque semper mi et malesuada. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed felis libero, lacinia non vulputate id, dapibus non dui. Donec egestas dui nec urna congue et ornare nunc pulvinar.

Aliquam et ante nunc. Praesent nibh tellus, porttitor ut faucibus ac, venenatis eu ante. Phasellus at eros lacus. Nulla accumsan tellus fermentum dui lacinia et vehicula ante malesuada. Ut vestibulum sagittis neque eu vulputate. Aliquam erat volutpat. Donec eu sodales felis. Cras porta ultricies nunc et eleifend. Suspendisse et nisi arcu. Donec consectetur euismod felis, sed porttitor justo mollis at. Fusce vel velit vel augue commodo suscipit et pellentesque sem.

Quisque in viverra lorem. Praesent luctus quam nec est imperdiet imperdiet ac non purus. Curabitur accumsan ante at odio aliquet eleifend. Proin leo ante, molestie at vulputate a, adipiscing sit amet ligula. Suspendisse iaculis egestas libero, eget suscipit dolor dapibus eget. Donec nec ligula lorem, ut tempus dolor. Nullam lectus velit, ornare et malesuada luctus, blandit eu odio. In in dui magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse elementum luctus placerat. In et justo non leo molestie fermentum eu sit amet sapien.

Various Exploits

Checkbox attributes:

Text value attribute:

Div content:

The current element droppable is: none

Current selectors in client options:

Current test HTML structure

            

        

        

        
        

            

                

                    
                    
                

                

                    
                    
                

            

            

                
            

            

                
            

            

                
            

            

                
            

            
        

        

		
        

            
			
        

        
		
        

            
CSS Overrides

            View the CSS test page
        


		

            
javascript:window.open