aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/ui/zippy_test.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/ui/zippy_test.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/ui/zippy_test.html285
1 files changed, 0 insertions, 285 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/ui/zippy_test.html b/contexts/data/lib/closure-library/closure/goog/ui/zippy_test.html
deleted file mode 100644
index 9c92e68..0000000
--- a/contexts/data/lib/closure-library/closure/goog/ui/zippy_test.html
+++ /dev/null
@@ -1,285 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2008 The Closure Library Authors. All Rights Reserved.
-
-Use of this source code is governed by the Apache License, Version 2.0.
-See the COPYING file for details.
--->
-<!--
--->
-<head>
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Closure Unit Tests - goog.ui.Zippy</title>
- <script src="../base.js"></script>
- <script>
- goog.require('goog.dom');
- goog.require('goog.dom.a11y');
- goog.require('goog.dom.a11y.State');
- goog.require('goog.dom.classes');
- goog.require('goog.events');
- goog.require('goog.object');
- goog.require('goog.testing.events');
- goog.require('goog.testing.jsunit');
- goog.require('goog.ui.Zippy');
- goog.require('goog.ui.ZippyEvent');
- goog.require('goog.ui.Zippy.Events');
- </script>
- <style type="text/css">
-
- .demo {
- border: solid 1px red;
- margin: 0 0 20px 0;
- }
-
- .demo h2 {
- background-color: yellow;
- border: solid 1px #ccc;
- padding: 2px;
- margin: 0;
- fint-size: 100%;
- }
-
- .demo div {
- border: solid 1px #ccc;
- padding: 2px;
- }
-
- </style>
-</head>
-<body>
-
-
-<div class="demo" id="d1">
-
- <h2 id="t1">handler</h2>
-
- <div id="c1">
- sem. Suspendisse porta felis ac ipsum. Sed tincidunt dui vitae nulla. Ut
- blandit. Nunc non neque. Mauris placerat. Vestibulum mollis tellus id dolor.
- Phasellus ac dolor molestie nunc euismod aliquam. Mauris tellus ipsum,
- fringilla id, tincidunt eu, vestibulum sit amet, metus. Quisque congue
- varius
- ligula. Quisque ornare mollis enim. Aliquam erat volutpat. Nulla mattis
- venenatis magna.
- </div>
-</div>
-
-
-<script>
-
- var zippy, fakeZippy1, fakeZippy2, contentlessZippy, headerlessZippy;
- var lazyZippy;
- var lazyZippyCallCount;
- var lazyZippyContentEl;
- var dualHeaderZippy;
- var dualHeaderZippyCollapsedHeaderEl;
- var dualHeaderZippyExpandedHeaderEl;
-
- function setUp() {
- zippy = new goog.ui.Zippy(goog.dom.getElement('t1'),
- goog.dom.getElement('c1'));
-
- var fakeControlEl = document.createElement('button');
- var fakeContentEl = document.createElement('div');
-
- fakeZippy1 = new goog.ui.Zippy(fakeControlEl.cloneNode(true),
- fakeContentEl.cloneNode(true), true);
- fakeZippy2 = new goog.ui.Zippy(fakeControlEl.cloneNode(true),
- fakeContentEl.cloneNode(true), false);
- contentlessZippy = new goog.ui.Zippy(fakeControlEl.cloneNode(true),
- undefined, true);
- headerlessZippy = new goog.ui.Zippy(null, fakeContentEl.cloneNode(true),
- true);
-
- lazyZippyCallCount = 0;
- lazyZippyContentEl = fakeContentEl.cloneNode(true);
- lazyZippy = new goog.ui.Zippy(goog.dom.getElement('t1'), function() {
- lazyZippyCallCount++;
- return lazyZippyContentEl;
- });
- dualHeaderZippyCollapsedHeaderEl = fakeControlEl.cloneNode(true);
- dualHeaderZippyExpandedHeaderEl = fakeControlEl.cloneNode(true);
- dualHeaderZippy = new goog.ui.Zippy(dualHeaderZippyCollapsedHeaderEl,
- fakeContentEl.cloneNode(true), false, dualHeaderZippyExpandedHeaderEl);
- }
-
- function testConstructor() {
- assertNotNull('must not be null', zippy);
- }
-
- function testIsExpanded() {
- assertEquals("Default expanded must be false", false, zippy.isExpanded());
- assertEquals("Expanded must be true", true, fakeZippy1.isExpanded());
- assertEquals("Expanded must be false", false, fakeZippy2.isExpanded());
- assertEquals("Expanded must be true", true, headerlessZippy.isExpanded());
- assertEquals("Expanded must be false", false, lazyZippy.isExpanded());
- assertEquals("Expanded must be false", false, dualHeaderZippy.isExpanded());
- }
-
- function tearDown() {
- zippy.dispose();
- fakeZippy1.dispose();
- fakeZippy2.dispose();
- contentlessZippy.dispose();
- headerlessZippy.dispose();
- lazyZippy.dispose();
- dualHeaderZippy.dispose();
- }
-
- function testExpandCollapse() {
- zippy.expand();
- headerlessZippy.expand();
- assertEquals("expanded must be true", true, zippy.isExpanded());
- assertEquals("expanded must be true", true, headerlessZippy.isExpanded());
-
- zippy.collapse();
- headerlessZippy.collapse();
- assertEquals("expanded must be false", false, zippy.isExpanded());
- assertEquals("expanded must be false", false, headerlessZippy.isExpanded());
- }
-
- function testExpandCollapse_lazyZippy() {
- assertEquals("callback should not be called #1.", 0, lazyZippyCallCount);
- lazyZippy.collapse();
- assertEquals("callback should not be called #2.", 0, lazyZippyCallCount);
-
- lazyZippy.expand();
- assertEquals("callback should be called once #1.", 1, lazyZippyCallCount);
- assertEquals("expanded must be true", true, lazyZippy.isExpanded());
- assertEquals("contentEl should be visible", "",
- lazyZippyContentEl.style.display);
-
- lazyZippy.collapse();
- assertEquals("callback should be called once #2.", 1, lazyZippyCallCount);
- assertEquals("expanded must be false", false, lazyZippy.isExpanded());
- assertEquals("contentEl should not be visible", "none",
- lazyZippyContentEl.style.display);
-
- lazyZippy.expand();
- assertEquals("callback should be called once #3.", 1, lazyZippyCallCount);
- assertEquals("expanded must be true #2", true, lazyZippy.isExpanded());
- assertEquals("contentEl should be visible #2", "",
- lazyZippyContentEl.style.display);
- }
-
- function testExpandCollapse_dualHeaderZippy() {
- dualHeaderZippy.expand();
- assertEquals("expanded must be true", true, dualHeaderZippy.isExpanded());
- assertFalse("collapsed header should not have state class name #1",
- hasCollapseOrExpandClasses(dualHeaderZippyCollapsedHeaderEl));
- assertFalse("expanded header should not have state class name #1",
- hasCollapseOrExpandClasses(dualHeaderZippyExpandedHeaderEl));
-
- dualHeaderZippy.collapse();
- assertEquals("expanded must be false", false, dualHeaderZippy.isExpanded());
- assertFalse("collapsed header should not have state class name #2",
- hasCollapseOrExpandClasses(dualHeaderZippyCollapsedHeaderEl));
- assertFalse("expanded header should not have state class name #2",
- hasCollapseOrExpandClasses(dualHeaderZippyExpandedHeaderEl));
- }
-
- function testSetExpand() {
- var expanded = !zippy.isExpanded();
- zippy.setExpanded(expanded);
- assertEquals("expanded must be " + expanded, expanded, zippy.isExpanded());
- }
-
- function testCssClassesAndAria() {
- assertTrue('goog-zippy-header is enabled',
- goog.dom.classes.has(zippy.elHeader_, 'goog-zippy-header'));
- assertEquals('header aria-expanded is false', 'false',
- goog.dom.a11y.getState(zippy.elHeader_, 'expanded'));
- zippy.setExpanded(true);
- assertTrue('goog-zippy-content is enabled',
- goog.dom.classes.has(zippy.getContentElement(), 'goog-zippy-content'));
- assertEquals('header aria role is TAB', 'tab',
- goog.dom.a11y.getRole(zippy.elHeader_));
- assertEquals('header aria-expanded is true', 'true',
- goog.dom.a11y.getState(zippy.elHeader_, 'expanded'));
- }
-
- function testHeaderTabIndex() {
- assertEquals('Header tabIndex is 0', 0, zippy.elHeader_.tabIndex);
- }
-
- function testGetVisibleHeaderElement() {
- dualHeaderZippy.setExpanded(false);
- assertEquals(dualHeaderZippyCollapsedHeaderEl,
- dualHeaderZippy.getVisibleHeaderElement());
- dualHeaderZippy.setExpanded(true);
- assertEquals(dualHeaderZippyExpandedHeaderEl,
- dualHeaderZippy.getVisibleHeaderElement())
- }
-
- function testToggle() {
- var expanded = !zippy.isExpanded();
- zippy.toggle();
- assertEquals("expanded must be " + expanded, expanded, zippy.isExpanded());
- }
-
- function testCustomEventTOGGLE() {
- var dispatchedActionCount;
- var handleAction = function() {
- dispatchedActionCount++;
- };
-
- var doTest = function (zippyObj) {
- dispatchedActionCount = 0;
- goog.events.listen(zippyObj, goog.ui.Zippy.Events.TOGGLE, handleAction);
- zippy.toggle();
- assertEquals("Custom Event must be called ", 1, dispatchedActionCount);
- };
-
- doTest(zippy);
- doTest(fakeZippy1);
- doTest(contentlessZippy);
- doTest(headerlessZippy);
- }
-
- function testActionEvent() {
- var actionEventCount = 0;
- var toggleEventCount = 0;
- var handleEvent = function(e) {
- if (e.type == goog.ui.Zippy.Events.TOGGLE) {
- toggleEventCount++;
- } else if (e.type == goog.ui.Zippy.Events.ACTION) {
- actionEventCount++;
- assertTrue('toggle must have been called first',
- toggleEventCount >= actionEventCount);
- }
- };
- goog.events.listen(zippy, goog.object.getValues(goog.ui.Zippy.Events),
- handleEvent);
- goog.testing.events.fireClickSequence(zippy.elHeader_);
- assertEquals('Zippy ACTION event fired', 1, actionEventCount);
- assertEquals('Zippy TOGGLE event fired', 1, toggleEventCount);
-
- zippy.toggle();
- assertEquals('Zippy ACTION event NOT fired', 1, actionEventCount);
- assertEquals('Zippy TOGGLE event fired', 2, toggleEventCount);
- }
-
- function testBasicZippyBehavior() {
- var dispatchedActionCount = 0;
- var handleAction = function() {
- dispatchedActionCount++;
- };
-
- goog.events.listen(zippy, goog.ui.Zippy.Events.TOGGLE, handleAction);
- goog.testing.events.fireClickSequence(zippy.elHeader_);
- assertEquals('Zippy must have dispatched TOGGLE on click', 1,
- dispatchedActionCount);
-
- }
-
- function hasCollapseOrExpandClasses(el) {
- var isCollapsed = goog.dom.classes.has(el, 'goog-zippy-collapsed');
- var isExpanded = goog.dom.classes.has(el, 'goog-zippy-expanded');
- return isCollapsed || isExpanded;
- }
-
-</script>
-
-</body>
-</html>