diff options
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.html | 285 |
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> |