WebComponentTests Repository

Demonstrate Web UI Widgets

Quick Status

Code functions correctly

no known defects

Demonstration code

yes

Documentation

yes

Test cases

yes

Static library

not applicable

Planned design changes

Add new tests as needed

1.0 Contents

Test tests were developed for repository documentation and for the StoryTeller web app. Some, but not all have migrated with small modifications into those places.

Test_WebComponentLibs.html
W3C/Google webcomponent displays resizeable photo, photo, and code

Test_CodeWebComponent.html
W3C/Google webcomponent displays code

Test_PhotoWebComponent.html
W3C/Google webcomponent displays images

Test_PhotoSizerWebComponent.html
W3C/Google webcomponent displays and resizes images

Test_HideablePhotoSizerWebComponent-Ver2.html
W3C/Google webcomponent displays and resizes images

Test_HideablePhotoSizerWebComponent-Ver1.html
W3C/Google webcomponent displays and resizes images

Test_ImageSizer
grab bar to resize image

Test_SlideInPanel
click button to slide in panel of text

Test_Draggable
drag div or image with mouse or touch

Test_SplitterBar
resize left and right panel widths with splitter bar

Test_Sizer.html
Widget for expanding images

Test_SlideShow.html
Widget for showing sequence of slides

TestFileLoad
Test loading files with JavaScript File API and ajax

Test_CodeStyle.html
Flex container of code blocks styled with whitespace: pre

Test_Photo.html
Photo container based on flex instead of tablecell

TestPageColors_Blue.html
Blue Theme

TestPageColors_Brown.html
Brown Theme

TestPageColors_Green.html
Green Theme

TestPageColors_DarkRed.html
DarkRed Theme

2.0 Status

I'm planning a few additional widgets and will add code here when they are complete. That won't happen for a while as there are other more important things to work on right now.