diff --git a/manualtests/core/Blank.html b/manualtests/core/Blank.html deleted file mode 100644 index 838f933..0000000 --- a/manualtests/core/Blank.html +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - - diff --git a/manualtests/core/InjectedRemoteRunner.html b/manualtests/core/InjectedRemoteRunner.html deleted file mode 100644 index cb4432c..0000000 --- a/manualtests/core/InjectedRemoteRunner.html +++ /dev/null @@ -1,8 +0,0 @@ - - - - - -

selenium-rc initial page

- - diff --git a/manualtests/core/RemoteRunner.html b/manualtests/core/RemoteRunner.html deleted file mode 100644 index 1305c67..0000000 --- a/manualtests/core/RemoteRunner.html +++ /dev/null @@ -1,110 +0,0 @@ - - - - - - -Selenium Remote Control - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - -
- - -

Selenium Functional Testing for Web Apps

- Open Source From ThoughtWorks, Inc and Friends -
-
Slow Mode: - - -
- Tools - - - -
- -
- -
-
- -
-
- Last Four Test Commands:
-
-
- -
- - - - diff --git a/manualtests/core/SeleniumLog.html b/manualtests/core/SeleniumLog.html deleted file mode 100644 index a4a6644..0000000 --- a/manualtests/core/SeleniumLog.html +++ /dev/null @@ -1,109 +0,0 @@ - - - -Selenium Log Console - - - - - - - - - - - - - - diff --git a/manualtests/core/TestPrompt.html b/manualtests/core/TestPrompt.html deleted file mode 100644 index 6652c9a..0000000 --- a/manualtests/core/TestPrompt.html +++ /dev/null @@ -1,145 +0,0 @@ - - - - - - Select a Test Suite - - - - - - -
- -

- Test Suite: - -

- -

- -
- Options - -

- - -

- -

- -

- -

- - -
- - -
- - \ No newline at end of file diff --git a/manualtests/core/TestRunner-splash.html b/manualtests/core/TestRunner-splash.html deleted file mode 100644 index da2acdc..0000000 --- a/manualtests/core/TestRunner-splash.html +++ /dev/null @@ -1,55 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - -
Test SuiteCurrent TestControl Panel
 
- - - -

Selenium

-

by ThoughtWorks and friends

- -

-For more information on Selenium, visit - -

-    http://selenium.openqa.org
-
- -
- - diff --git a/manualtests/core/TestRunner.hta b/manualtests/core/TestRunner.hta deleted file mode 100644 index eb2e626..0000000 --- a/manualtests/core/TestRunner.hta +++ /dev/null @@ -1,176 +0,0 @@ - - - - - - - - - - - Selenium Functional Test Runner - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - -
-

Selenium TestRunner -

-
-
- Execute Tests - -
- - - - -
- -
Fast
-
Slow
-
-
-
 
-
 
-
- -
- - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Elapsed:00.00
TestsCommands
0run0passed
0failed0failed
0incomplete
- -
- Tools - - - - -
- -
-
- -
- - - diff --git a/manualtests/core/TestRunner.html b/manualtests/core/TestRunner.html deleted file mode 100644 index eb2e626..0000000 --- a/manualtests/core/TestRunner.html +++ /dev/null @@ -1,176 +0,0 @@ - - - - - - - - - - - Selenium Functional Test Runner - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - -
-

Selenium TestRunner -

-
-
- Execute Tests - -
- - - - -
- -
Fast
-
Slow
-
-
-
 
-
 
-
- -
- - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
Elapsed:00.00
TestsCommands
0run0passed
0failed0failed
0incomplete
- -
- Tools - - - - -
- -
-
- -
- - - diff --git a/manualtests/core/domviewer/butmin.gif b/manualtests/core/domviewer/butmin.gif deleted file mode 100644 index 7b7cefd..0000000 Binary files a/manualtests/core/domviewer/butmin.gif and /dev/null differ diff --git a/manualtests/core/domviewer/butplus.gif b/manualtests/core/domviewer/butplus.gif deleted file mode 100644 index 6d68cfa..0000000 Binary files a/manualtests/core/domviewer/butplus.gif and /dev/null differ diff --git a/manualtests/core/domviewer/domviewer.css b/manualtests/core/domviewer/domviewer.css deleted file mode 100644 index b64b243..0000000 --- a/manualtests/core/domviewer/domviewer.css +++ /dev/null @@ -1,298 +0,0 @@ -/****************************************************************************** -* Defines default styles for site pages. * -******************************************************************************/ -.hidden { - display: none; -} - -img{ - display: inline; - border: none; -} - -.box{ - background: #fcfcfc; - border: 1px solid #000; - border-color: blue; - color: #000000; - margin: 10px auto; - padding: 3px; - vertical-align: bottom; -} -a { - text-decoration: none; -} - -body { - background-color: #ffffff; - color: #000000; - font-family: Arial, Helvetica, sans-serif; - font-size: 10pt; -} - -h2 { - font-size: 140%; -} - -h3 { - font-size: 120%; -} - -h4 { - font-size: 100%; -} - -pre { - font-family: Courier New, Courier, monospace; - font-size: 80%; -} - -td, th { - font-family: Arial, Helvetica, sans-serif; - font-size: 10pt; - text-align: left; - vertical-align: top; -} - -th { - font-weight: bold; - vertical-align: bottom; -} - -ul { - list-style-type: square; -} - -#demoBox { - border-color: #000000; - border-style: solid; - border-width: 1px; - padding: 8px; - width: 24em; -} - -.footer { - margin-bottom: 0px; - text-align: center; -} - -/* Boxed table styles */ - -table.boxed { - border-spacing: 2px; - empty-cells: hide; -} - -td.boxed, th.boxed, th.boxedHeader { - background-color: #ffffff; - border-color: #000000; - border-style: solid; - border-width: 1px; - color: #000000; - padding: 2px; - padding-left: 8px; - padding-right: 8px; -} - -th.boxed { - background-color: #c0c0c0; -} - -th.boxedHeader { - background-color: #808080; - color: #ffffff; -} - -a.object { - color: #0000ff; -} - -li { - white-space: nowrap; -} - -ul { - list-style-type: square; - margin-left: 0px; - padding-left: 1em; -} - -.boxlevel1{ - background: #FFD700; -} - -.boxlevel2{ - background: #D2691E; -} - -.boxlevel3{ - background: #DCDCDC; -} - -.boxlevel4{ - background: #F5F5F5; -} - -.boxlevel5{ - background: #BEBEBE; -} - -.boxlevel6{ - background: #D3D3D3; -} - -.boxlevel7{ - background: #A9A9A9; -} - -.boxlevel8{ - background: #191970; -} - -.boxlevel9{ - background: #000080; -} - -.boxlevel10{ - background: #6495ED; -} - -.boxlevel11{ - background: #483D8B; -} - -.boxlevel12{ - background: #6A5ACD; -} - -.boxlevel13{ - background: #7B68EE; -} - -.boxlevel14{ - background: #8470FF; -} - -.boxlevel15{ - background: #0000CD; -} - -.boxlevel16{ - background: #4169E1; -} - -.boxlevel17{ - background: #0000FF; -} - -.boxlevel18{ - background: #1E90FF; -} - -.boxlevel19{ - background: #00BFFF; -} - -.boxlevel20{ - background: #87CEEB; -} - -.boxlevel21{ - background: #B0C4DE; -} - -.boxlevel22{ - background: #ADD8E6; -} - -.boxlevel23{ - background: #00CED1; -} - -.boxlevel24{ - background: #48D1CC; -} - -.boxlevel25{ - background: #40E0D0; -} - -.boxlevel26{ - background: #008B8B; -} - -.boxlevel27{ - background: #00FFFF; -} - -.boxlevel28{ - background: #E0FFFF; -} - -.boxlevel29{ - background: #5F9EA0; -} - -.boxlevel30{ - background: #66CDAA; -} - -.boxlevel31{ - background: #7FFFD4; -} - -.boxlevel32{ - background: #006400; -} - -.boxlevel33{ - background: #556B2F; -} - -.boxlevel34{ - background: #8FBC8F; -} - -.boxlevel35{ - background: #2E8B57; -} - -.boxlevel36{ - background: #3CB371; -} - -.boxlevel37{ - background: #20B2AA; -} - -.boxlevel38{ - background: #00FF7F; -} - -.boxlevel39{ - background: #7CFC00; -} - -.boxlevel40{ - background: #90EE90; -} - -.boxlevel41{ - background: #00FF00; -} - -.boxlevel41{ - background: #7FFF00; -} - -.boxlevel42{ - background: #00FA9A; -} - -.boxlevel43{ - background: #ADFF2F; -} - -.boxlevel44{ - background: #32CD32; -} \ No newline at end of file diff --git a/manualtests/core/domviewer/domviewer.html b/manualtests/core/domviewer/domviewer.html deleted file mode 100644 index 7f0cebd..0000000 --- a/manualtests/core/domviewer/domviewer.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - DOM Viewer - - - - - -

DOM Viewer

-

This page is generated using JavaScript. If you see this text, your - browser doesn't support JavaScript.

- - - diff --git a/manualtests/core/domviewer/selenium-domviewer.js b/manualtests/core/domviewer/selenium-domviewer.js deleted file mode 100644 index 941aab1..0000000 --- a/manualtests/core/domviewer/selenium-domviewer.js +++ /dev/null @@ -1,205 +0,0 @@ -var HIDDEN="hidden"; -var LEVEL = "level"; -var PLUS_SRC="butplus.gif"; -var MIN_SRC="butmin.gif"; -var newRoot; -var maxColumns=1; - -function loadDomViewer() { - // See if the rootDocument variable has been set on this window. - var rootDocument = window.rootDocument; - - // If not look to the opener for an explicity rootDocument variable, otherwise, use the opener document - if (!rootDocument && window.opener) { - rootDocument = window.opener.rootDocument || window.opener.document; - } - - if (rootDocument) { - document.body.innerHTML = displayDOM(rootDocument); - } - else { - document.body.innerHTML = "Must specify rootDocument for window. This can be done by setting the rootDocument variable on this window, or on the opener window for a popup window."; - } -} - - -function displayDOM(root){ - var str = ""; - str+=""; - str += treeTraversal(root,0); - // to make table columns work well. - str += ""; - for (var i=0; i < maxColumns; i++) { - str+= ""; - } - str += ""; - str += "
    
"; - return str; -} - -function checkForChildren(element){ - if(!element.hasChildNodes()) - return false; - - var nodes = element.childNodes; - var size = nodes.length; - var count=0; - - for(var i=0; i< size; i++){ - var node = nodes.item(i); - //if(node.toString()=="[object Text]"){ - //this is equalent to the above - //but will work with more browsers - if(node.nodeType!=1){ - count++; - } - } - - if(count == size) - return false; - else - return true; -} - -function treeTraversal(root, level){ - var str = ""; - var nodes= null; - var size = null; - //it is supposed to show the last node, - //but the last node is always nodeText type - //and we don't show it - if(!root.hasChildNodes()) - return "";//displayNode(root,level,false); - - nodes = root.childNodes; - size = nodes.length; - - for(var i=0; i< size; i++){ - var element = nodes.item(i); - //if the node is textNode, don't display - if(element.nodeType==1){ - str+= displayNode(element,level,checkForChildren(element)); - str+=treeTraversal(element, level+1); - } - } - return str; -} - -function displayNode(element, level, isLink){ - nodeContent = getNodeContent(element); - columns = Math.round((nodeContent.length / 12) + 0.5); - if (columns + level > maxColumns) { - maxColumns = columns + level; - } - var str =""; - for (var i=0; i < level; i++) - str+= " "; - str+=""; - if(isLink){ - str+=''; - str+=''; - } - str += nodeContent; - if(isLink) - str+=""; - return str; -} - -function getNodeContent(element) { - - str = ""; - id =""; - if (element.id != null && element.id != "") { - id = " ID(" + element.id +")"; - } - name =""; - if (element.name != null && element.name != "") { - name = " NAME(" + element.name + ")"; - } - value =""; - if (element.value != null && element.value != "") { - value = " VALUE(" + element.value + ")"; - } - href =""; - if (element.href != null && element.href != "") { - href = " HREF(" + element.href + ")"; - } - clazz = ""; - if (element.className != null && element.className != "") { - clazz = " CLASS(" + element.className + ")"; - } - src = ""; - if (element.src != null && element.src != "") { - src = " SRC(" + element.src + ")"; - } - alt = ""; - if (element.alt != null && element.alt != "") { - alt = " ALT(" + element.alt + ")"; - } - type = ""; - if (element.type != null && element.type != "") { - type = " TYPE(" + element.type + ")"; - } - text =""; - if (element.text != null && element.text != "" && element.text != "undefined") { - text = " #TEXT(" + trim(element.text) +")"; - } - str+=" "+ element.nodeName + id + alt + type + clazz + name + value + href + src + text + ""; - return str; - -} - -function trim(val) { - val2 = val.substring(0,40) + " "; - var spaceChr = String.fromCharCode(32); - var length = val2.length; - var retVal = ""; - var ix = length -1; - - while(ix > -1){ - if(val2.charAt(ix) == spaceChr) { - } else { - retVal = val2.substring(0, ix +1); - break; - } - ix = ix-1; - } - if (val.length > 40) { - retVal += "..."; - } - return retVal; -} - -function hide(hlink){ - var isHidden = false; - var image = hlink.firstChild; - if(image.src.toString().indexOf(MIN_SRC)!=-1){ - image.src=PLUS_SRC; - isHidden=true; - }else{ - image.src=MIN_SRC; - } - var rowObj= hlink.parentNode.parentNode; - var rowLevel = parseInt(rowObj.className.substring(LEVEL.length)); - - var sibling = rowObj.nextSibling; - var siblingLevel = sibling.className.substring(LEVEL.length); - if(siblingLevel.indexOf(HIDDEN)!=-1){ - siblingLevel = siblingLevel.substring(0,siblingLevel.length - HIDDEN.length-1); - } - siblingLevel=parseInt(siblingLevel); - while(sibling!=null && rowLevel - - - -Defines an object that runs Selenium commands. - -

Element Locators

-

-Element Locators tell Selenium which HTML element a command refers to. -The format of a locator is:

-
-locatorType=argument -
- -

-We support the following strategies for locating elements: -

- -
    -
  • identifier=id: -Select the element with the specified @id attribute. If no match is -found, select the first element whose @name attribute is id. -(This is normally the default; see below.)
  • -
  • id=id: -Select the element with the specified @id attribute.
  • - -
  • name=name: -Select the first element with the specified @name attribute. -
      -
    • username
    • -
    • name=username
    • -
    - -

    The name may optionally be followed by one or more element-filters, separated from the name by whitespace. If the filterType is not specified, value is assumed.

    - -
      -
    • name=flavour value=chocolate
    • -
    -
  • -
  • dom=javascriptExpression: - -Find an element by evaluating the specified string. This allows you to traverse the HTML Document Object -Model using JavaScript. Note that you must not return a value in this string; simply make it the last expression in the block. -
      -
    • dom=document.forms['myForm'].myDropdown
    • -
    • dom=document.images[56]
    • -
    • dom=function foo() { return document.links[1]; }; foo();
    • -
    - -
  • - -
  • xpath=xpathExpression: -Locate an element using an XPath expression. -
      -
    • xpath=//img[@alt='The image alt text']
    • -
    • xpath=//table[@id='table1']//tr[4]/td[2]
    • -
    • xpath=//a[contains(@href,'#id1')]
    • -
    • xpath=//a[contains(@href,'#id1')]/@class
    • -
    • xpath=(//table[@class='stylee'])//th[text()='theHeaderText']/../td
    • -
    • xpath=//input[@name='name2' and @value='yes']
    • -
    • xpath=//*[text()="right"]
    • - -
    -
  • -
  • link=textPattern: -Select the link (anchor) element which contains text matching the -specified pattern. -
      -
    • link=The link text
    • -
    - -
  • - -
  • css=cssSelectorSyntax: -Select the element using css selectors. Please refer to CSS2 selectors, CSS3 selectors for more information. You can also check the TestCssLocators test in the selenium test suite for an example of usage, which is included in the downloaded selenium core package. -
      -
    • css=a[href="#id3"]
    • -
    • css=span#firstChild + span
    • -
    -

    Currently the css selector locator supports all css1, css2 and css3 selectors except namespace in css3, some pseudo classes(:nth-of-type, :nth-last-of-type, :first-of-type, :last-of-type, :only-of-type, :visited, :hover, :active, :focus, :indeterminate) and pseudo elements(::first-line, ::first-letter, ::selection, ::before, ::after).

    -
  • -
- -

-Without an explicit locator prefix, Selenium uses the following default -strategies: -

- -
    -
  • dom, for locators starting with "document."
  • -
  • xpath, for locators starting with "//"
  • -
  • identifier, otherwise
  • -
- -

Element Filters

-
-

Element filters can be used with a locator to refine a list of candidate elements. They are currently used only in the 'name' element-locator.

-

Filters look much like locators, ie.

-
-filterType=argument
- -

Supported element-filters are:

-

value=valuePattern

-
-Matches elements based on their values. This is particularly useful for refining a list of similarly-named toggle-buttons.
-

index=index

-
-Selects a single element based on its position in the list (offset from zero).
-
- -

String-match Patterns

- -

-Various Pattern syntaxes are available for matching string values: -

-
    -
  • glob:pattern: -Match a string against a "glob" (aka "wildmat") pattern. "Glob" is a -kind of limited regular-expression syntax typically used in command-line -shells. In a glob pattern, "*" represents any sequence of characters, and "?" -represents any single character. Glob patterns match against the entire -string.
  • -
  • regexp:regexp: -Match a string using a regular-expression. The full power of JavaScript -regular-expressions is available.
  • -
  • exact:string: - -Match a string exactly, verbatim, without any of that fancy wildcard -stuff.
  • -
-

-If no pattern prefix is specified, Selenium assumes that it's a "glob" -pattern. -

- - - -an element locator - -Clicks on a link, button, checkbox or radio button. If the click action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -Double clicks on a link, button, checkbox or radio button. If the double click action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Clicks on a link, button, checkbox or radio button. If the click action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Doubleclicks on a link, button, checkbox or radio button. If the action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -the event name, e.g. "focus" or "blur" - -Explicitly simulate an event, to trigger the corresponding "onevent" -handler. - - - - - -an element locator - -Either be a string("\" followed by the numeric keycode of the key to be pressed, normally the ASCII value of that key), or a single character. For example: "w", "\119". - -Simulates a user pressing and releasing a key. - - - - - -Press the shift key and hold it down until doShiftUp() is called or a new page is loaded. - - - - - -Release the shift key. - - - - - -Press the meta key and hold it down until doMetaUp() is called or a new page is loaded. - - - - - -Release the meta key. - - - - - -Press the alt key and hold it down until doAltUp() is called or a new page is loaded. - - - - - -Release the alt key. - - - - - -Press the control key and hold it down until doControlUp() is called or a new page is loaded. - - - - - -Release the control key. - - - - - -an element locator - -Either be a string("\" followed by the numeric keycode of the key to be pressed, normally the ASCII value of that key), or a single character. For example: "w", "\119". - -Simulates a user pressing a key (without releasing it yet). - - - - - -an element locator - -Either be a string("\" followed by the numeric keycode of the key to be pressed, normally the ASCII value of that key), or a single character. For example: "w", "\119". - -Simulates a user releasing a key. - - - - - -an element locator - -Simulates a user hovering a mouse over the specified element. - - - - - -an element locator - -Simulates a user moving the mouse pointer away from the specified element. - - - - - -an element locator - -Simulates a user pressing the mouse button (without releasing it yet) on -the specified element. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Simulates a user pressing the mouse button (without releasing it yet) at -the specified location. - - - - - -an element locator - -Simulates the event that occurs when the user releases the mouse button (i.e., stops -holding the button down) on the specified element. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Simulates the event that occurs when the user releases the mouse button (i.e., stops -holding the button down) at the specified location. - - - - - -an element locator - -Simulates a user pressing the mouse button (without releasing it yet) on -the specified element. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Simulates a user pressing the mouse button (without releasing it yet) on -the specified element. - - - - - -an element locator - -the value to type - -Sets the value of an input field, as though you typed it in. - -

Can also be used to set the value of combo boxes, check boxes, etc. In these cases, -value should be the value of the option selected, not the visible text.

- -
- - - -an element locator - -the value to type - -Simulates keystroke events on the specified element, as though you typed the value key-by-key. - -

This is a convenience method for calling keyDown, keyUp, keyPress for every character in the specified string; -this is useful for dynamic UI widgets (like auto-completing combo boxes) that require explicit key events.

- -

Unlike the simple "type" command, which forces the specified value into the page directly, this command -may or may not have any visible effect, even in cases where typing keys would normally have a visible effect. -For example, if you use "typeKeys" on a form element, you may or may not see the results of what you typed in -the field.

-

In some cases, you may need to use the simple "type" command to set the value of the field and then the "typeKeys" command to -send the keystroke events corresponding to what you just typed.

- -
- - - -the number of milliseconds to pause after operation - -Set execution speed (i.e., set the millisecond length of a delay which will follow each selenium operation). By default, there is no such delay, i.e., -the delay is 0 milliseconds. - - - - - -Get execution speed (i.e., get the millisecond length of the delay following each selenium operation). By default, there is no such delay, i.e., -the delay is 0 milliseconds. - -See also setSpeed. - - - - - -an element locator - -Check a toggle-button (checkbox/radio) - - - - - -an element locator - -Uncheck a toggle-button (checkbox/radio) - - - - - -an element locator identifying a drop-down menu - -an option locator (a label by default) - -Select an option from a drop-down using an option locator. - -

-Option locators provide different ways of specifying options of an HTML -Select element (e.g. for selecting a specific option, or for asserting -that the selected option satisfies a specification). There are several -forms of Select Option Locator. -

-
    -
  • label=labelPattern: -matches options based on their labels, i.e. the visible text. (This -is the default.) -
      -
    • label=regexp:^[Oo]ther
    • -
    -
  • -
  • value=valuePattern: -matches options based on their values. -
      -
    • value=other
    • -
    - - -
  • -
  • id=id: - -matches options based on their ids. -
      -
    • id=option1
    • -
    -
  • -
  • index=index: -matches an option based on its index (offset from zero). -
      - -
    • index=2
    • -
    -
  • -
-

-If no option locator prefix is provided, the default behaviour is to match on label. -

- -
- - - -an element locator identifying a multi-select box - -an option locator (a label by default) - -Add a selection to the set of selected options in a multi-select element using an option locator. - -@see #doSelect for details of option locators - - - - - -an element locator identifying a multi-select box - -an option locator (a label by default) - -Remove a selection from the set of selected options in a multi-select element using an option locator. - -@see #doSelect for details of option locators - - - - - -an element locator identifying a multi-select box - -Unselects all of the selected options in a multi-select element. - - - - - -an element locator for the form you want to submit - -Submit the specified form. This is particularly useful for forms without -submit buttons, e.g. single-input "Search" forms. - - - - - -the URL to open; may be relative or absolute - -Opens an URL in the test frame. This accepts both relative and absolute -URLs. - -The "open" command waits for the page to load before proceeding, -ie. the "AndWait" suffix is implicit. - -Note: The URL must be on the same domain as the runner HTML -due to security restrictions in the browser (Same Origin Policy). If you -need to open an URL on another domain, use the Selenium Server to start a -new browser session on that domain. - - - - - -the URL to open, which can be blank - -the JavaScript window ID of the window to select - -Opens a popup window (if a window with that ID isn't already open). -After opening the window, you'll need to select it using the selectWindow -command. - -

This command can also be a useful workaround for bug SEL-339. In some cases, Selenium will be unable to intercept a call to window.open (if the call occurs during or before the "onLoad" event, for example). -In those cases, you can force Selenium to notice the open window's name by using the Selenium openWindow command, using -an empty (blank) url, like this: openWindow("", "myFunnyWindow").

- -
- - - -the JavaScript window ID of the window to select - -Selects a popup window; once a popup window has been selected, all -commands go to that window. To select the main window again, use null -as the target. - -

Note that there is a big difference between a window's internal JavaScript "name" property -and the "title" of a given window's document (which is normally what you actually see, as an end user, -in the title bar of the window). The "name" is normally invisible to the end-user; it's the second -parameter "windowName" passed to the JavaScript method window.open(url, windowName, windowFeatures, replaceFlag) -(which selenium intercepts).

- -

Selenium has several strategies for finding the window object referred to by the "windowID" parameter.

- -

1.) if windowID is null, (or the string "null") then it is assumed the user is referring to the original window instantiated by the browser).

-

2.) if the value of the "windowID" parameter is a JavaScript variable name in the current application window, then it is assumed -that this variable contains the return value from a call to the JavaScript window.open() method.

-

3.) Otherwise, selenium looks in a hash it maintains that maps string names to window "names".

-

4.) If that fails, we'll try looping over all of the known windows to try to find the appropriate "title". -Since "title" is not necessarily unique, this may have unexpected behavior.

- -

If you're having trouble figuring out what is the name of a window that you want to manipulate, look at the selenium log messages -which identify the names of windows created via window.open (and therefore intercepted by selenium). You will see messages -like the following for each window as it is opened:

- -

debug: window.open call intercepted; window ID (which you can use with selectWindow()) is "myNewWindow"

- -

In some cases, Selenium will be unable to intercept a call to window.open (if the call occurs during or before the "onLoad" event, for example). -(This is bug SEL-339.) In those cases, you can force Selenium to notice the open window's name by using the Selenium openWindow command, using -an empty (blank) url, like this: openWindow("", "myFunnyWindow").

- -
- - - -an element locator identifying a frame or iframe - -Selects a frame within the current window. (You may invoke this command -multiple times to select nested frames.) To select the parent frame, use -"relative=parent" as a locator; to select the top frame, use "relative=top". -You can also select a frame by its 0-based index number; select the first frame with -"index=0", or the third frame with "index=2". - -

You may also use a DOM expression to identify the frame you want directly, -like this: dom=frames["main"].frames["subframe"]

- -
- - - -true if the new frame is this code's window - -starting frame - -new frame (which might be relative to the current one) - -Determine whether current/locator identify the frame containing this running code. - -

This is useful in proxy injection mode, where this code runs in every -browser frame and window, and sometimes the selenium server needs to identify -the "current" frame. In this case, when the test calls selectFrame, this -routine is called for each frame to figure out which one has been selected. -The selected frame will return true, while all others will return false.

- -
- - - -true if the new window is this code's window - -starting window - -new window (which might be relative to the current one, e.g., "_parent") - -Determine whether currentWindowString plus target identify the window containing this running code. - -

This is useful in proxy injection mode, where this code runs in every -browser frame and window, and sometimes the selenium server needs to identify -the "current" window. In this case, when the test calls selectWindow, this -routine is called for each window to figure out which one has been selected. -The selected window will return true, while all others will return false.

- -
- - - -the JavaScript window ID of the window that will appear - -a timeout in milliseconds, after which the action will return with an error - -Waits for a popup window to appear and load up. - - - - - -By default, Selenium's overridden window.confirm() function will -return true, as if the user had manually clicked OK; after running -this command, the next call to confirm() will return false, as if -the user had clicked Cancel. Selenium will then resume using the -default behavior for future confirmations, automatically returning -true (OK) unless/until you explicitly call this command for each -confirmation. - - - - - -Undo the effect of calling chooseCancelOnNextConfirmation. Note -that Selenium's overridden window.confirm() function will normally automatically -return true, as if the user had manually clicked OK, so you shouldn't -need to use this command unless for some reason you need to change -your mind prior to the next confirmation. After any confirmation, Selenium will resume using the -default behavior for future confirmations, automatically returning -true (OK) unless/until you explicitly call chooseCancelOnNextConfirmation for each -confirmation. - - - - - -the answer to give in response to the prompt pop-up - -Instructs Selenium to return the specified answer string in response to -the next JavaScript prompt [window.prompt()]. - - - - - -Simulates the user clicking the "back" button on their browser. - - - - - -Simulates the user clicking the "Refresh" button on their browser. - - - - - -Simulates the user clicking the "close" button in the titlebar of a popup -window or tab. - - - - - -true if there is an alert - -Has an alert occurred? - -

-This function never throws an exception -

- -
- - - -true if there is a pending prompt - -Has a prompt occurred? - -

-This function never throws an exception -

- -
- - - -true if there is a pending confirmation - -Has confirm() been called? - -

-This function never throws an exception -

- -
- - - -The message of the most recent JavaScript alert - -Retrieves the message of a JavaScript alert generated during the previous action, or fail if there were no alerts. - -

Getting an alert has the same effect as manually clicking OK. If an -alert is generated but you do not get/verify it, the next Selenium action -will fail.

- -

NOTE: under Selenium, JavaScript alerts will NOT pop up a visible alert -dialog.

- -

NOTE: Selenium does NOT support JavaScript alerts that are generated in a -page's onload() event handler. In this case a visible dialog WILL be -generated and Selenium will hang until someone manually clicks OK.

- -
- - - -the message of the most recent JavaScript confirmation dialog - -Retrieves the message of a JavaScript confirmation dialog generated during -the previous action. - -

-By default, the confirm function will return true, having the same effect -as manually clicking OK. This can be changed by prior execution of the -chooseCancelOnNextConfirmation command. If an confirmation is generated -but you do not get/verify it, the next Selenium action will fail. -

- -

-NOTE: under Selenium, JavaScript confirmations will NOT pop up a visible -dialog. -

- -

-NOTE: Selenium does NOT support JavaScript confirmations that are -generated in a page's onload() event handler. In this case a visible -dialog WILL be generated and Selenium will hang until you manually click -OK. -

- -
- - - -the message of the most recent JavaScript question prompt - -Retrieves the message of a JavaScript question prompt dialog generated during -the previous action. - -

Successful handling of the prompt requires prior execution of the -answerOnNextPrompt command. If a prompt is generated but you -do not get/verify it, the next Selenium action will fail.

- -

NOTE: under Selenium, JavaScript prompts will NOT pop up a visible -dialog.

- -

NOTE: Selenium does NOT support JavaScript prompts that are generated in a -page's onload() event handler. In this case a visible dialog WILL be -generated and Selenium will hang until someone manually clicks OK.

- -
- - - -the absolute URL of the current page - -Gets the absolute URL of the current page. - - - - - -the title of the current page - -Gets the title of the current page. - - - - - -the entire text of the page - -Gets the entire text of the page. - - - - - -the element value, or "on/off" for checkbox/radio elements - -an element locator - -Gets the (whitespace-trimmed) value of an input field (or anything else with a value parameter). -For checkbox/radio elements, the value will be "on" or "off" depending on -whether the element is checked or not. - - - - - -the text of the element - -an element locator - -Gets the text of an element. This works for any element that contains -text. This command uses either the textContent (Mozilla-like browsers) or -the innerText (IE-like browsers) of the element, which is the rendered -text shown to the user. - - - - - -an element locator - -Briefly changes the backgroundColor of the specified element yellow. Useful for debugging. - - - - - -the results of evaluating the snippet - -the JavaScript snippet to run - -Gets the result of evaluating the specified JavaScript snippet. The snippet may -have multiple lines, but only the result of the last line will be returned. - -

Note that, by default, the snippet will run in the context of the "selenium" -object itself, so this will refer to the Selenium object. Use window to -refer to the window of your application, e.g. window.document.getElementById('foo')

- -

If you need to use -a locator to refer to a single element in your application page, you can -use this.browserbot.findElement("id=foo") where "id=foo" is your locator.

- -
- - - -true if the checkbox is checked, false otherwise - -an element locator pointing to a checkbox or radio button - -Gets whether a toggle-button (checkbox/radio) is checked. Fails if the specified element doesn't exist or isn't a toggle-button. - - - - - -the text from the specified cell - -a cell address, e.g. "foo.1.4" - -Gets the text from a cell of a table. The cellAddress syntax -tableLocator.row.column, where row and column start at 0. - - - - - -an array of all selected option labels in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option labels (visible text) for selected options in the specified select or multi-select element. - - - - - -the selected option label in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option label (visible text) for selected option in the specified select element. - - - - - -an array of all selected option values in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option values (value attributes) for selected options in the specified select or multi-select element. - - - - - -the selected option value in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option value (value attribute) for selected option in the specified select element. - - - - - -an array of all selected option indexes in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option indexes (option number, starting at 0) for selected options in the specified select or multi-select element. - - - - - -the selected option index in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option index (option number, starting at 0) for selected option in the specified select element. - - - - - -an array of all selected option IDs in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option element IDs for selected options in the specified select or multi-select element. - - - - - -the selected option ID in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option element ID for selected option in the specified select element. - - - - - -true if some option has been selected, false otherwise - -an element locator identifying a drop-down menu - -Determines whether some option in a drop-down menu is selected. - - - - - -an array of all option labels in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option labels in the specified select drop-down. - - - - - -the value of the specified attribute - -an element locator followed by an @ sign and then the name of the attribute, e.g. "foo@bar" - -Gets the value of an element attribute. - - - - - -true if the pattern matches the text, false otherwise - -a pattern to match with the text of the page - -Verifies that the specified text pattern appears somewhere on the rendered page shown to the user. - - - - - -true if the element is present, false otherwise - -an element locator - -Verifies that the specified element is somewhere on the page. - - - - - -true if the specified element is visible, false otherwise - -an element locator - -Determines if the specified element is visible. An -element can be rendered invisible by setting the CSS "visibility" -property to "hidden", or the "display" property to "none", either for the -element itself or one if its ancestors. This method will fail if -the element is not present. - - - - - -true if the input element is editable, false otherwise - -an element locator - -Determines whether the specified input element is editable, ie hasn't been disabled. -This method will fail if the specified element isn't an input element. - - - - - -the IDs of all buttons on the page - -Returns the IDs of all buttons on the page. - -

If a given button has no ID, it will appear as "" in this array.

- -
- - - -the IDs of all links on the page - -Returns the IDs of all links on the page. - -

If a given link has no ID, it will appear as "" in this array.

- -
- - - -the IDs of all field on the page - -Returns the IDs of all input fields on the page. - -

If a given field has no ID, it will appear as "" in this array.

- -
- - - -the set of values of this attribute from all known windows. - -name of an attribute on the windows - -Returns every instance of some attribute from all known windows. - - - - - -an element locator - -offset in pixels from the current location to which the element should be moved, e.g., "+70,-300" - -deprecated - use dragAndDrop instead - - - - - -the number of pixels between "mousemove" events - -Configure the number of pixels between "mousemove" events during dragAndDrop commands (default=10). -

Setting this value to 0 means that we'll send a "mousemove" event to every single pixel -in between the start location and the end location; that can be very slow, and may -cause some browsers to force the JavaScript to timeout.

- -

If the mouse speed is greater than the distance between the two dragged objects, we'll -just send one "mousemove" at the start location and then one final one at the end location.

- -
- - - -the number of pixels between "mousemove" events during dragAndDrop commands (default=10) - -Returns the number of pixels between "mousemove" events during dragAndDrop commands (default=10). - - - - - -an element locator - -offset in pixels from the current location to which the element should be moved, e.g., "+70,-300" - -Drags an element a certain distance and then drops it - - - - - -an element to be dragged - -an element whose location (i.e., whose center-most pixel) will be the point where locatorOfObjectToBeDragged is dropped - -Drags an element and drops it on another element - - - - - -Gives focus to the currently selected window - - - - - -Resize currently selected window to take up the entire screen - - - - - -the IDs of all windows that the browser knows about. - -Returns the IDs of all windows that the browser knows about. - - - - - -the names of all windows that the browser knows about. - -Returns the names of all windows that the browser knows about. - - - - - -the titles of all windows that the browser knows about. - -Returns the titles of all windows that the browser knows about. - - - - - -the entire HTML source - -Returns the entire HTML source between the opening and -closing "html" tags. - - - - - -an element locator pointing to an input element or textarea - -the numerical position of the cursor in the field; position should be 0 to move the position to the beginning of the field. You can also set the cursor to -1 to move it to the end of the field. - -Moves the text cursor to the specified position in the given input element or textarea. -This method will fail if the specified element isn't an input element or textarea. - - - - - -of relative index of the element to its parent (starting from 0) - -an element locator pointing to an element - -Get the relative index of an element to its parent (starting from 0). The comment node and empty text node -will be ignored. - - - - - -true if element1 is the previous sibling of element2, false otherwise - -an element locator pointing to the first element - -an element locator pointing to the second element - -Check if these two elements have same parent and are ordered siblings in the DOM. Two same elements will -not be considered ordered. - - - - - -of pixels from the edge of the frame. - -an element locator pointing to an element OR an element itself - -Retrieves the horizontal position of an element - - - - - -of pixels from the edge of the frame. - -an element locator pointing to an element OR an element itself - -Retrieves the vertical position of an element - - - - - -width of an element in pixels - -an element locator pointing to an element - -Retrieves the width of an element - - - - - -height of an element in pixels - -an element locator pointing to an element - -Retrieves the height of an element - - - - - -the numerical position of the cursor in the field - -an element locator pointing to an input element or textarea - -Retrieves the text cursor position in the given input element or textarea; beware, this may not work perfectly on all browsers. - -

Specifically, if the cursor/selection has been cleared by JavaScript, this command will tend to -return the position of the last location of the cursor, even though the cursor is now gone from the page. This is filed as SEL-243.

-This method will fail if the specified element isn't an input element or textarea, or there is no cursor in the element.
- -
- - - -the value passed in - -the value to return - -Returns the specified expression. - -

This is useful because of JavaScript preprocessing. -It is used to generate commands like assertExpression and waitForExpression.

- -
- - - -the number of nodes that match the specified xpath - -the xpath expression to evaluate. do NOT wrap this expression in a 'count()' function; we will do that for you. - -Returns the number of nodes that match the specified xpath, eg. "//table" would give -the number of tables. - - - - - -an element locator pointing to an element - -a string to be used as the ID of the specified element - -Temporarily sets the "id" attribute of the specified element, so you can locate it in the future -using its ID rather than a slow/complicated XPath. This ID will disappear once the page is -reloaded. - - - - - -boolean, true means we'll prefer to use native XPath; false means we'll only use JS XPath - -Specifies whether Selenium should use the native in-browser implementation -of XPath (if any native version is available); if you pass "false" to -this function, we will always use our pure-JavaScript xpath library. -Using the pure-JS xpath library can improve the consistency of xpath -element locators between different browser vendors, but the pure-JS -version is much slower than the native implementations. - - - - - -the JavaScript snippet to run - -a timeout in milliseconds, after which this command will return with an error - -Runs the specified JavaScript snippet repeatedly until it evaluates to "true". -The snippet may have multiple lines, but only the result of the last line -will be considered. - -

Note that, by default, the snippet will be run in the runner's test window, not in the window -of your application. To get the window of your application, you can use -the JavaScript snippet selenium.browserbot.getCurrentWindow(), and then -run your JavaScript in there

- -
- - - -a timeout in milliseconds, after which the action will return with an error - -Specifies the amount of time that Selenium will wait for actions to complete. - -

Actions that require waiting include "open" and the "waitFor*" actions.

-The default timeout is 30 seconds.
- -
- - - -a timeout in milliseconds, after which this command will return with an error - -Waits for a new page to load. - -

You can use this command instead of the "AndWait" suffixes, "clickAndWait", "selectAndWait", "typeAndWait" etc. -(which are only available in the JS API).

- -

Selenium constantly keeps track of new pages loading, and sets a "newPageLoaded" -flag when it first notices a page load. Running any other Selenium command after -turns the flag to false. Hence, if you want to wait for a page to load, you must -wait immediately after a Selenium command that caused a page-load.

- -
- - - -FrameAddress from the server side - -a timeout in milliseconds, after which this command will return with an error - -Waits for a new frame to load. - -

Selenium constantly keeps track of new pages and frames loading, -and sets a "newPageLoaded" flag when it first notices a page load.

- -See waitForPageToLoad for more information.
- -
- - - -all cookies of the current page under test - -Return all cookies of the current page under test. - - - - - -name and value of the cookie in a format "name=value" - -options for the cookie. Currently supported options include 'path' and 'max_age'. the optionsString's format is "path=/path/, max_age=60". The order of options are irrelevant, the unit of the value of 'max_age' is second. - -Create a new cookie whose path and domain are same with those of current page -under test, unless you specified a path for this cookie explicitly. - - - - - -the name of the cookie to be deleted - -the path property of the cookie to be deleted - -Delete a named cookie with specified path. - - - - - -one of the following: "debug", "info", "warn", "error" or "off" - -Sets the threshold for browser-side logging messages; log messages beneath this threshold will be discarded. -Valid logLevel strings are: "debug", "info", "warn", "error" or "off". -To see the browser logs, you need to -either show the log window in GUI mode, or enable browser-side logging in Selenium RC. - - - - - -the JavaScript snippet to run - -Creates a new "script" tag in the body of the current test window, and -adds the specified text into the body of the command. Scripts run in -this way can often be debugged more easily than scripts executed using -Selenium's "getEval" command. Beware that JS exceptions thrown in these script -tags aren't managed by Selenium, so you should probably wrap your script -in try/catch blocks if there is any chance that the script will throw -an exception. - - - - - -the name of the strategy to define; this should use only letters [a-zA-Z] with no spaces or other punctuation. - -a string defining the body of a function in JavaScript. For example: return inDocument.getElementById(locator); - -Defines a new function for Selenium to locate elements on the page. -For example, -if you define the strategy "foo", and someone runs click("foo=blah"), we'll -run your function, passing you the string "blah", and click on the element -that your function -returns, or throw an "Element not found" error if your function returns null. - -We'll pass three arguments to your function: -
    -
  • locator: the string the user passed in
  • -
  • inWindow: the currently selected window
  • -
  • inDocument: the currently selected document
  • -
-The function must return null if the element can't be found.
- -
- - - -the amount of time to sleep (in milliseconds) - -Wait for the specified amount of time (in milliseconds) - - - - - -Halt the currently running test, and wait for the user to press the Continue button. -This command is useful for debugging, but be careful when using it, because it will -force automated tests to hang until a user intervenes manually. - - - - - -the value to store - -the name of a variable in which the result is to be stored. - -This command is a synonym for storeExpression. - - - - - -the message to print - -Prints the specified message into the third table cell in your Selenese tables. -Useful for debugging. - - - - - -an element locator identifying a drop-down menu - -an option locator, typically just an option label (e.g. "John Smith") - -Verifies that the selected option of a drop-down satisfies the optionSpecifier. Note that this command is deprecated; you should use assertSelectedLabel, assertSelectedValue, assertSelectedIndex, or assertSelectedId instead. - -

See the select command for more information about option locators.

- -
- - - -The failure message we should expect. This command will fail if the wrong failure message appears. - -Tell Selenium to expect a failure on the next command execution. - - - - - -The error message we should expect. This command will fail if the wrong error message appears. - -Tell Selenium to expect an error on the next command execution. - - - -
diff --git a/manualtests/core/iedoc.xml b/manualtests/core/iedoc.xml deleted file mode 100644 index 23c1beb..0000000 --- a/manualtests/core/iedoc.xml +++ /dev/null @@ -1,1469 +0,0 @@ - - - - -Defines an object that runs Selenium commands. - -

Element Locators

-

-Element Locators tell Selenium which HTML element a command refers to. -The format of a locator is:

-
-locatorType=argument -
- -

-We support the following strategies for locating elements: -

- -
    -
  • identifier=id: -Select the element with the specified @id attribute. If no match is -found, select the first element whose @name attribute is id. -(This is normally the default; see below.)
  • -
  • id=id: -Select the element with the specified @id attribute.
  • - -
  • name=name: -Select the first element with the specified @name attribute. -
      -
    • username
    • -
    • name=username
    • -
    - -

    The name may optionally be followed by one or more element-filters, separated from the name by whitespace. If the filterType is not specified, value is assumed.

    - -
      -
    • name=flavour value=chocolate
    • -
    -
  • -
  • dom=javascriptExpression: - -Find an element by evaluating the specified string. This allows you to traverse the HTML Document Object -Model using JavaScript. Note that you must not return a value in this string; simply make it the last expression in the block. -
      -
    • dom=document.forms['myForm'].myDropdown
    • -
    • dom=document.images[56]
    • -
    • dom=function foo() { return document.links[1]; }; foo();
    • -
    - -
  • - -
  • xpath=xpathExpression: -Locate an element using an XPath expression. -
      -
    • xpath=//img[@alt='The image alt text']
    • -
    • xpath=//table[@id='table1']//tr[4]/td[2]
    • -
    • xpath=//a[contains(@href,'#id1')]
    • -
    • xpath=//a[contains(@href,'#id1')]/@class
    • -
    • xpath=(//table[@class='stylee'])//th[text()='theHeaderText']/../td
    • -
    • xpath=//input[@name='name2' and @value='yes']
    • -
    • xpath=//*[text()="right"]
    • - -
    -
  • -
  • link=textPattern: -Select the link (anchor) element which contains text matching the -specified pattern. -
      -
    • link=The link text
    • -
    - -
  • - -
  • css=cssSelectorSyntax: -Select the element using css selectors. Please refer to CSS2 selectors, CSS3 selectors for more information. You can also check the TestCssLocators test in the selenium test suite for an example of usage, which is included in the downloaded selenium core package. -
      -
    • css=a[href="#id3"]
    • -
    • css=span#firstChild + span
    • -
    -

    Currently the css selector locator supports all css1, css2 and css3 selectors except namespace in css3, some pseudo classes(:nth-of-type, :nth-last-of-type, :first-of-type, :last-of-type, :only-of-type, :visited, :hover, :active, :focus, :indeterminate) and pseudo elements(::first-line, ::first-letter, ::selection, ::before, ::after).

    -
  • -
- -

-Without an explicit locator prefix, Selenium uses the following default -strategies: -

- -
    -
  • dom, for locators starting with "document."
  • -
  • xpath, for locators starting with "//"
  • -
  • identifier, otherwise
  • -
- -

Element Filters

-
-

Element filters can be used with a locator to refine a list of candidate elements. They are currently used only in the 'name' element-locator.

-

Filters look much like locators, ie.

-
-filterType=argument
- -

Supported element-filters are:

-

value=valuePattern

-
-Matches elements based on their values. This is particularly useful for refining a list of similarly-named toggle-buttons.
-

index=index

-
-Selects a single element based on its position in the list (offset from zero).
-
- -

String-match Patterns

- -

-Various Pattern syntaxes are available for matching string values: -

-
    -
  • glob:pattern: -Match a string against a "glob" (aka "wildmat") pattern. "Glob" is a -kind of limited regular-expression syntax typically used in command-line -shells. In a glob pattern, "*" represents any sequence of characters, and "?" -represents any single character. Glob patterns match against the entire -string.
  • -
  • regexp:regexp: -Match a string using a regular-expression. The full power of JavaScript -regular-expressions is available.
  • -
  • exact:string: - -Match a string exactly, verbatim, without any of that fancy wildcard -stuff.
  • -
-

-If no pattern prefix is specified, Selenium assumes that it's a "glob" -pattern. -

- - - -an element locator - -Clicks on a link, button, checkbox or radio button. If the click action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -Double clicks on a link, button, checkbox or radio button. If the double click action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Clicks on a link, button, checkbox or radio button. If the click action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Doubleclicks on a link, button, checkbox or radio button. If the action -causes a new page to load (like a link usually does), call -waitForPageToLoad. - - - - - -an element locator - -the event name, e.g. "focus" or "blur" - -Explicitly simulate an event, to trigger the corresponding "onevent" -handler. - - - - - -an element locator - -Either be a string("\" followed by the numeric keycode of the key to be pressed, normally the ASCII value of that key), or a single character. For example: "w", "\119". - -Simulates a user pressing and releasing a key. - - - - - -Press the shift key and hold it down until doShiftUp() is called or a new page is loaded. - - - - - -Release the shift key. - - - - - -Press the meta key and hold it down until doMetaUp() is called or a new page is loaded. - - - - - -Release the meta key. - - - - - -Press the alt key and hold it down until doAltUp() is called or a new page is loaded. - - - - - -Release the alt key. - - - - - -Press the control key and hold it down until doControlUp() is called or a new page is loaded. - - - - - -Release the control key. - - - - - -an element locator - -Either be a string("\" followed by the numeric keycode of the key to be pressed, normally the ASCII value of that key), or a single character. For example: "w", "\119". - -Simulates a user pressing a key (without releasing it yet). - - - - - -an element locator - -Either be a string("\" followed by the numeric keycode of the key to be pressed, normally the ASCII value of that key), or a single character. For example: "w", "\119". - -Simulates a user releasing a key. - - - - - -an element locator - -Simulates a user hovering a mouse over the specified element. - - - - - -an element locator - -Simulates a user moving the mouse pointer away from the specified element. - - - - - -an element locator - -Simulates a user pressing the mouse button (without releasing it yet) on -the specified element. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Simulates a user pressing the mouse button (without releasing it yet) at -the specified location. - - - - - -an element locator - -Simulates the event that occurs when the user releases the mouse button (i.e., stops -holding the button down) on the specified element. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Simulates the event that occurs when the user releases the mouse button (i.e., stops -holding the button down) at the specified location. - - - - - -an element locator - -Simulates a user pressing the mouse button (without releasing it yet) on -the specified element. - - - - - -an element locator - -specifies the x,y position (i.e. - 10,20) of the mouse event relative to the element returned by the locator. - -Simulates a user pressing the mouse button (without releasing it yet) on -the specified element. - - - - - -an element locator - -the value to type - -Sets the value of an input field, as though you typed it in. - -

Can also be used to set the value of combo boxes, check boxes, etc. In these cases, -value should be the value of the option selected, not the visible text.

- -
- - - -an element locator - -the value to type - -Simulates keystroke events on the specified element, as though you typed the value key-by-key. - -

This is a convenience method for calling keyDown, keyUp, keyPress for every character in the specified string; -this is useful for dynamic UI widgets (like auto-completing combo boxes) that require explicit key events.

- -

Unlike the simple "type" command, which forces the specified value into the page directly, this command -may or may not have any visible effect, even in cases where typing keys would normally have a visible effect. -For example, if you use "typeKeys" on a form element, you may or may not see the results of what you typed in -the field.

-

In some cases, you may need to use the simple "type" command to set the value of the field and then the "typeKeys" command to -send the keystroke events corresponding to what you just typed.

- -
- - - -the number of milliseconds to pause after operation - -Set execution speed (i.e., set the millisecond length of a delay which will follow each selenium operation). By default, there is no such delay, i.e., -the delay is 0 milliseconds. - - - - - -Get execution speed (i.e., get the millisecond length of the delay following each selenium operation). By default, there is no such delay, i.e., -the delay is 0 milliseconds. - -See also setSpeed. - - - - - -an element locator - -Check a toggle-button (checkbox/radio) - - - - - -an element locator - -Uncheck a toggle-button (checkbox/radio) - - - - - -an element locator identifying a drop-down menu - -an option locator (a label by default) - -Select an option from a drop-down using an option locator. - -

-Option locators provide different ways of specifying options of an HTML -Select element (e.g. for selecting a specific option, or for asserting -that the selected option satisfies a specification). There are several -forms of Select Option Locator. -

-
    -
  • label=labelPattern: -matches options based on their labels, i.e. the visible text. (This -is the default.) -
      -
    • label=regexp:^[Oo]ther
    • -
    -
  • -
  • value=valuePattern: -matches options based on their values. -
      -
    • value=other
    • -
    - - -
  • -
  • id=id: - -matches options based on their ids. -
      -
    • id=option1
    • -
    -
  • -
  • index=index: -matches an option based on its index (offset from zero). -
      - -
    • index=2
    • -
    -
  • -
-

-If no option locator prefix is provided, the default behaviour is to match on label. -

- -
- - - -an element locator identifying a multi-select box - -an option locator (a label by default) - -Add a selection to the set of selected options in a multi-select element using an option locator. - -@see #doSelect for details of option locators - - - - - -an element locator identifying a multi-select box - -an option locator (a label by default) - -Remove a selection from the set of selected options in a multi-select element using an option locator. - -@see #doSelect for details of option locators - - - - - -an element locator identifying a multi-select box - -Unselects all of the selected options in a multi-select element. - - - - - -an element locator for the form you want to submit - -Submit the specified form. This is particularly useful for forms without -submit buttons, e.g. single-input "Search" forms. - - - - - -the URL to open; may be relative or absolute - -Opens an URL in the test frame. This accepts both relative and absolute -URLs. - -The "open" command waits for the page to load before proceeding, -ie. the "AndWait" suffix is implicit. - -Note: The URL must be on the same domain as the runner HTML -due to security restrictions in the browser (Same Origin Policy). If you -need to open an URL on another domain, use the Selenium Server to start a -new browser session on that domain. - - - - - -the URL to open, which can be blank - -the JavaScript window ID of the window to select - -Opens a popup window (if a window with that ID isn't already open). -After opening the window, you'll need to select it using the selectWindow -command. - -

This command can also be a useful workaround for bug SEL-339. In some cases, Selenium will be unable to intercept a call to window.open (if the call occurs during or before the "onLoad" event, for example). -In those cases, you can force Selenium to notice the open window's name by using the Selenium openWindow command, using -an empty (blank) url, like this: openWindow("", "myFunnyWindow").

- -
- - - -the JavaScript window ID of the window to select - -Selects a popup window; once a popup window has been selected, all -commands go to that window. To select the main window again, use null -as the target. - -

Note that there is a big difference between a window's internal JavaScript "name" property -and the "title" of a given window's document (which is normally what you actually see, as an end user, -in the title bar of the window). The "name" is normally invisible to the end-user; it's the second -parameter "windowName" passed to the JavaScript method window.open(url, windowName, windowFeatures, replaceFlag) -(which selenium intercepts).

- -

Selenium has several strategies for finding the window object referred to by the "windowID" parameter.

- -

1.) if windowID is null, (or the string "null") then it is assumed the user is referring to the original window instantiated by the browser).

-

2.) if the value of the "windowID" parameter is a JavaScript variable name in the current application window, then it is assumed -that this variable contains the return value from a call to the JavaScript window.open() method.

-

3.) Otherwise, selenium looks in a hash it maintains that maps string names to window "names".

-

4.) If that fails, we'll try looping over all of the known windows to try to find the appropriate "title". -Since "title" is not necessarily unique, this may have unexpected behavior.

- -

If you're having trouble figuring out what is the name of a window that you want to manipulate, look at the selenium log messages -which identify the names of windows created via window.open (and therefore intercepted by selenium). You will see messages -like the following for each window as it is opened:

- -

debug: window.open call intercepted; window ID (which you can use with selectWindow()) is "myNewWindow"

- -

In some cases, Selenium will be unable to intercept a call to window.open (if the call occurs during or before the "onLoad" event, for example). -(This is bug SEL-339.) In those cases, you can force Selenium to notice the open window's name by using the Selenium openWindow command, using -an empty (blank) url, like this: openWindow("", "myFunnyWindow").

- -
- - - -an element locator identifying a frame or iframe - -Selects a frame within the current window. (You may invoke this command -multiple times to select nested frames.) To select the parent frame, use -"relative=parent" as a locator; to select the top frame, use "relative=top". -You can also select a frame by its 0-based index number; select the first frame with -"index=0", or the third frame with "index=2". - -

You may also use a DOM expression to identify the frame you want directly, -like this: dom=frames["main"].frames["subframe"]

- -
- - - -true if the new frame is this code's window - -starting frame - -new frame (which might be relative to the current one) - -Determine whether current/locator identify the frame containing this running code. - -

This is useful in proxy injection mode, where this code runs in every -browser frame and window, and sometimes the selenium server needs to identify -the "current" frame. In this case, when the test calls selectFrame, this -routine is called for each frame to figure out which one has been selected. -The selected frame will return true, while all others will return false.

- -
- - - -true if the new window is this code's window - -starting window - -new window (which might be relative to the current one, e.g., "_parent") - -Determine whether currentWindowString plus target identify the window containing this running code. - -

This is useful in proxy injection mode, where this code runs in every -browser frame and window, and sometimes the selenium server needs to identify -the "current" window. In this case, when the test calls selectWindow, this -routine is called for each window to figure out which one has been selected. -The selected window will return true, while all others will return false.

- -
- - - -the JavaScript window ID of the window that will appear - -a timeout in milliseconds, after which the action will return with an error - -Waits for a popup window to appear and load up. - - - - - -By default, Selenium's overridden window.confirm() function will -return true, as if the user had manually clicked OK; after running -this command, the next call to confirm() will return false, as if -the user had clicked Cancel. Selenium will then resume using the -default behavior for future confirmations, automatically returning -true (OK) unless/until you explicitly call this command for each -confirmation. - - - - - -Undo the effect of calling chooseCancelOnNextConfirmation. Note -that Selenium's overridden window.confirm() function will normally automatically -return true, as if the user had manually clicked OK, so you shouldn't -need to use this command unless for some reason you need to change -your mind prior to the next confirmation. After any confirmation, Selenium will resume using the -default behavior for future confirmations, automatically returning -true (OK) unless/until you explicitly call chooseCancelOnNextConfirmation for each -confirmation. - - - - - -the answer to give in response to the prompt pop-up - -Instructs Selenium to return the specified answer string in response to -the next JavaScript prompt [window.prompt()]. - - - - - -Simulates the user clicking the "back" button on their browser. - - - - - -Simulates the user clicking the "Refresh" button on their browser. - - - - - -Simulates the user clicking the "close" button in the titlebar of a popup -window or tab. - - - - - -true if there is an alert - -Has an alert occurred? - -

-This function never throws an exception -

- -
- - - -true if there is a pending prompt - -Has a prompt occurred? - -

-This function never throws an exception -

- -
- - - -true if there is a pending confirmation - -Has confirm() been called? - -

-This function never throws an exception -

- -
- - - -The message of the most recent JavaScript alert - -Retrieves the message of a JavaScript alert generated during the previous action, or fail if there were no alerts. - -

Getting an alert has the same effect as manually clicking OK. If an -alert is generated but you do not get/verify it, the next Selenium action -will fail.

- -

NOTE: under Selenium, JavaScript alerts will NOT pop up a visible alert -dialog.

- -

NOTE: Selenium does NOT support JavaScript alerts that are generated in a -page's onload() event handler. In this case a visible dialog WILL be -generated and Selenium will hang until someone manually clicks OK.

- -
- - - -the message of the most recent JavaScript confirmation dialog - -Retrieves the message of a JavaScript confirmation dialog generated during -the previous action. - -

-By default, the confirm function will return true, having the same effect -as manually clicking OK. This can be changed by prior execution of the -chooseCancelOnNextConfirmation command. If an confirmation is generated -but you do not get/verify it, the next Selenium action will fail. -

- -

-NOTE: under Selenium, JavaScript confirmations will NOT pop up a visible -dialog. -

- -

-NOTE: Selenium does NOT support JavaScript confirmations that are -generated in a page's onload() event handler. In this case a visible -dialog WILL be generated and Selenium will hang until you manually click -OK. -

- -
- - - -the message of the most recent JavaScript question prompt - -Retrieves the message of a JavaScript question prompt dialog generated during -the previous action. - -

Successful handling of the prompt requires prior execution of the -answerOnNextPrompt command. If a prompt is generated but you -do not get/verify it, the next Selenium action will fail.

- -

NOTE: under Selenium, JavaScript prompts will NOT pop up a visible -dialog.

- -

NOTE: Selenium does NOT support JavaScript prompts that are generated in a -page's onload() event handler. In this case a visible dialog WILL be -generated and Selenium will hang until someone manually clicks OK.

- -
- - - -the absolute URL of the current page - -Gets the absolute URL of the current page. - - - - - -the title of the current page - -Gets the title of the current page. - - - - - -the entire text of the page - -Gets the entire text of the page. - - - - - -the element value, or "on/off" for checkbox/radio elements - -an element locator - -Gets the (whitespace-trimmed) value of an input field (or anything else with a value parameter). -For checkbox/radio elements, the value will be "on" or "off" depending on -whether the element is checked or not. - - - - - -the text of the element - -an element locator - -Gets the text of an element. This works for any element that contains -text. This command uses either the textContent (Mozilla-like browsers) or -the innerText (IE-like browsers) of the element, which is the rendered -text shown to the user. - - - - - -an element locator - -Briefly changes the backgroundColor of the specified element yellow. Useful for debugging. - - - - - -the results of evaluating the snippet - -the JavaScript snippet to run - -Gets the result of evaluating the specified JavaScript snippet. The snippet may -have multiple lines, but only the result of the last line will be returned. - -

Note that, by default, the snippet will run in the context of the "selenium" -object itself, so this will refer to the Selenium object. Use window to -refer to the window of your application, e.g. window.document.getElementById('foo')

- -

If you need to use -a locator to refer to a single element in your application page, you can -use this.browserbot.findElement("id=foo") where "id=foo" is your locator.

- -
- - - -true if the checkbox is checked, false otherwise - -an element locator pointing to a checkbox or radio button - -Gets whether a toggle-button (checkbox/radio) is checked. Fails if the specified element doesn't exist or isn't a toggle-button. - - - - - -the text from the specified cell - -a cell address, e.g. "foo.1.4" - -Gets the text from a cell of a table. The cellAddress syntax -tableLocator.row.column, where row and column start at 0. - - - - - -an array of all selected option labels in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option labels (visible text) for selected options in the specified select or multi-select element. - - - - - -the selected option label in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option label (visible text) for selected option in the specified select element. - - - - - -an array of all selected option values in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option values (value attributes) for selected options in the specified select or multi-select element. - - - - - -the selected option value in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option value (value attribute) for selected option in the specified select element. - - - - - -an array of all selected option indexes in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option indexes (option number, starting at 0) for selected options in the specified select or multi-select element. - - - - - -the selected option index in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option index (option number, starting at 0) for selected option in the specified select element. - - - - - -an array of all selected option IDs in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option element IDs for selected options in the specified select or multi-select element. - - - - - -the selected option ID in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets option element ID for selected option in the specified select element. - - - - - -true if some option has been selected, false otherwise - -an element locator identifying a drop-down menu - -Determines whether some option in a drop-down menu is selected. - - - - - -an array of all option labels in the specified select drop-down - -an element locator identifying a drop-down menu - -Gets all option labels in the specified select drop-down. - - - - - -the value of the specified attribute - -an element locator followed by an @ sign and then the name of the attribute, e.g. "foo@bar" - -Gets the value of an element attribute. - - - - - -true if the pattern matches the text, false otherwise - -a pattern to match with the text of the page - -Verifies that the specified text pattern appears somewhere on the rendered page shown to the user. - - - - - -true if the element is present, false otherwise - -an element locator - -Verifies that the specified element is somewhere on the page. - - - - - -true if the specified element is visible, false otherwise - -an element locator - -Determines if the specified element is visible. An -element can be rendered invisible by setting the CSS "visibility" -property to "hidden", or the "display" property to "none", either for the -element itself or one if its ancestors. This method will fail if -the element is not present. - - - - - -true if the input element is editable, false otherwise - -an element locator - -Determines whether the specified input element is editable, ie hasn't been disabled. -This method will fail if the specified element isn't an input element. - - - - - -the IDs of all buttons on the page - -Returns the IDs of all buttons on the page. - -

If a given button has no ID, it will appear as "" in this array.

- -
- - - -the IDs of all links on the page - -Returns the IDs of all links on the page. - -

If a given link has no ID, it will appear as "" in this array.

- -
- - - -the IDs of all field on the page - -Returns the IDs of all input fields on the page. - -

If a given field has no ID, it will appear as "" in this array.

- -
- - - -the set of values of this attribute from all known windows. - -name of an attribute on the windows - -Returns every instance of some attribute from all known windows. - - - - - -an element locator - -offset in pixels from the current location to which the element should be moved, e.g., "+70,-300" - -deprecated - use dragAndDrop instead - - - - - -the number of pixels between "mousemove" events - -Configure the number of pixels between "mousemove" events during dragAndDrop commands (default=10). -

Setting this value to 0 means that we'll send a "mousemove" event to every single pixel -in between the start location and the end location; that can be very slow, and may -cause some browsers to force the JavaScript to timeout.

- -

If the mouse speed is greater than the distance between the two dragged objects, we'll -just send one "mousemove" at the start location and then one final one at the end location.

- -
- - - -the number of pixels between "mousemove" events during dragAndDrop commands (default=10) - -Returns the number of pixels between "mousemove" events during dragAndDrop commands (default=10). - - - - - -an element locator - -offset in pixels from the current location to which the element should be moved, e.g., "+70,-300" - -Drags an element a certain distance and then drops it - - - - - -an element to be dragged - -an element whose location (i.e., whose center-most pixel) will be the point where locatorOfObjectToBeDragged is dropped - -Drags an element and drops it on another element - - - - - -Gives focus to the currently selected window - - - - - -Resize currently selected window to take up the entire screen - - - - - -the IDs of all windows that the browser knows about. - -Returns the IDs of all windows that the browser knows about. - - - - - -the names of all windows that the browser knows about. - -Returns the names of all windows that the browser knows about. - - - - - -the titles of all windows that the browser knows about. - -Returns the titles of all windows that the browser knows about. - - - - - -the entire HTML source - -Returns the entire HTML source between the opening and -closing "html" tags. - - - - - -an element locator pointing to an input element or textarea - -the numerical position of the cursor in the field; position should be 0 to move the position to the beginning of the field. You can also set the cursor to -1 to move it to the end of the field. - -Moves the text cursor to the specified position in the given input element or textarea. -This method will fail if the specified element isn't an input element or textarea. - - - - - -of relative index of the element to its parent (starting from 0) - -an element locator pointing to an element - -Get the relative index of an element to its parent (starting from 0). The comment node and empty text node -will be ignored. - - - - - -true if element1 is the previous sibling of element2, false otherwise - -an element locator pointing to the first element - -an element locator pointing to the second element - -Check if these two elements have same parent and are ordered siblings in the DOM. Two same elements will -not be considered ordered. - - - - - -of pixels from the edge of the frame. - -an element locator pointing to an element OR an element itself - -Retrieves the horizontal position of an element - - - - - -of pixels from the edge of the frame. - -an element locator pointing to an element OR an element itself - -Retrieves the vertical position of an element - - - - - -width of an element in pixels - -an element locator pointing to an element - -Retrieves the width of an element - - - - - -height of an element in pixels - -an element locator pointing to an element - -Retrieves the height of an element - - - - - -the numerical position of the cursor in the field - -an element locator pointing to an input element or textarea - -Retrieves the text cursor position in the given input element or textarea; beware, this may not work perfectly on all browsers. - -

Specifically, if the cursor/selection has been cleared by JavaScript, this command will tend to -return the position of the last location of the cursor, even though the cursor is now gone from the page. This is filed as SEL-243.

-This method will fail if the specified element isn't an input element or textarea, or there is no cursor in the element.
- -
- - - -the value passed in - -the value to return - -Returns the specified expression. - -

This is useful because of JavaScript preprocessing. -It is used to generate commands like assertExpression and waitForExpression.

- -
- - - -the number of nodes that match the specified xpath - -the xpath expression to evaluate. do NOT wrap this expression in a 'count()' function; we will do that for you. - -Returns the number of nodes that match the specified xpath, eg. "//table" would give -the number of tables. - - - - - -an element locator pointing to an element - -a string to be used as the ID of the specified element - -Temporarily sets the "id" attribute of the specified element, so you can locate it in the future -using its ID rather than a slow/complicated XPath. This ID will disappear once the page is -reloaded. - - - - - -boolean, true means we'll prefer to use native XPath; false means we'll only use JS XPath - -Specifies whether Selenium should use the native in-browser implementation -of XPath (if any native version is available); if you pass "false" to -this function, we will always use our pure-JavaScript xpath library. -Using the pure-JS xpath library can improve the consistency of xpath -element locators between different browser vendors, but the pure-JS -version is much slower than the native implementations. - - - - - -the JavaScript snippet to run - -a timeout in milliseconds, after which this command will return with an error - -Runs the specified JavaScript snippet repeatedly until it evaluates to "true". -The snippet may have multiple lines, but only the result of the last line -will be considered. - -

Note that, by default, the snippet will be run in the runner's test window, not in the window -of your application. To get the window of your application, you can use -the JavaScript snippet selenium.browserbot.getCurrentWindow(), and then -run your JavaScript in there

- -
- - - -a timeout in milliseconds, after which the action will return with an error - -Specifies the amount of time that Selenium will wait for actions to complete. - -

Actions that require waiting include "open" and the "waitFor*" actions.

-The default timeout is 30 seconds.
- -
- - - -a timeout in milliseconds, after which this command will return with an error - -Waits for a new page to load. - -

You can use this command instead of the "AndWait" suffixes, "clickAndWait", "selectAndWait", "typeAndWait" etc. -(which are only available in the JS API).

- -

Selenium constantly keeps track of new pages loading, and sets a "newPageLoaded" -flag when it first notices a page load. Running any other Selenium command after -turns the flag to false. Hence, if you want to wait for a page to load, you must -wait immediately after a Selenium command that caused a page-load.

- -
- - - -FrameAddress from the server side - -a timeout in milliseconds, after which this command will return with an error - -Waits for a new frame to load. - -

Selenium constantly keeps track of new pages and frames loading, -and sets a "newPageLoaded" flag when it first notices a page load.

- -See waitForPageToLoad for more information.
- -
- - - -all cookies of the current page under test - -Return all cookies of the current page under test. - - - - - -name and value of the cookie in a format "name=value" - -options for the cookie. Currently supported options include 'path' and 'max_age'. the optionsString's format is "path=/path/, max_age=60". The order of options are irrelevant, the unit of the value of 'max_age' is second. - -Create a new cookie whose path and domain are same with those of current page -under test, unless you specified a path for this cookie explicitly. - - - - - -the name of the cookie to be deleted - -the path property of the cookie to be deleted - -Delete a named cookie with specified path. - - - - - -one of the following: "debug", "info", "warn", "error" or "off" - -Sets the threshold for browser-side logging messages; log messages beneath this threshold will be discarded. -Valid logLevel strings are: "debug", "info", "warn", "error" or "off". -To see the browser logs, you need to -either show the log window in GUI mode, or enable browser-side logging in Selenium RC. - - - - - -the JavaScript snippet to run - -Creates a new "script" tag in the body of the current test window, and -adds the specified text into the body of the command. Scripts run in -this way can often be debugged more easily than scripts executed using -Selenium's "getEval" command. Beware that JS exceptions thrown in these script -tags aren't managed by Selenium, so you should probably wrap your script -in try/catch blocks if there is any chance that the script will throw -an exception. - - - - - -the name of the strategy to define; this should use only letters [a-zA-Z] with no spaces or other punctuation. - -a string defining the body of a function in JavaScript. For example: return inDocument.getElementById(locator); - -Defines a new function for Selenium to locate elements on the page. -For example, -if you define the strategy "foo", and someone runs click("foo=blah"), we'll -run your function, passing you the string "blah", and click on the element -that your function -returns, or throw an "Element not found" error if your function returns null. - -We'll pass three arguments to your function: -
    -
  • locator: the string the user passed in
  • -
  • inWindow: the currently selected window
  • -
  • inDocument: the currently selected document
  • -
-The function must return null if the element can't be found.
- -
- - - -the message to be sent to the browser - -Writes a message to the status bar and adds a note to the browser-side -log. - - - - - -the absolute path to the file to be written, e.g. "c:\blah\screenshot.png" - -Captures a PNG screenshot to the specified file. - - - -
diff --git a/manualtests/core/lib/cssQuery/cssQuery-p.js b/manualtests/core/lib/cssQuery/cssQuery-p.js deleted file mode 100644 index 4a7eb88..0000000 --- a/manualtests/core/lib/cssQuery/cssQuery-p.js +++ /dev/null @@ -1,6 +0,0 @@ -/* - cssQuery, version 2.0.2 (2005-08-19) - Copyright: 2004-2005, Dean Edwards (http://dean.edwards.name/) - License: http://creativecommons.org/licenses/LGPL/2.1/ -*/ -eval(function(p,a,c,k,e,d){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 x=6(){7 1D="2.0.2";7 C=/\\s*,\\s*/;7 x=6(s,A){33{7 m=[];7 u=1z.32.2c&&!A;7 b=(A)?(A.31==22)?A:[A]:[1g];7 1E=18(s).1l(C),i;9(i=0;i<1E.y;i++){s=1y(1E[i]);8(U&&s.Z(0,3).2b("")==" *#"){s=s.Z(2);A=24([],b,s[1])}1A A=b;7 j=0,t,f,a,c="";H(j+~]/;7 20=/[\\s#.:>+~()@]|[^\\s#.:>+~()@]+/g;6 1y(s){8(S.l(s))s=" "+s;5 s.P(20)||[]};7 W=/\\s*([\\s>+~(),]|^|$)\\s*/g;7 I=/([\\s>+~,]|[^(]\\+|^)([#.:@])/g;7 18=6(s){5 s.O(W,"$1").O(I,"$1*$2")};7 1u={1Z:6(){5"\'"},P:/^(\'[^\']*\')|("[^"]*")$/,l:6(s){5 o.P.l(s)},1S:6(s){5 o.l(s)?s:o+s+o},1Y:6(s){5 o.l(s)?s.Z(1,-1):s}};7 1s=6(t){5 1u.1Y(t)};7 E=/([\\/()[\\]?{}|*+-])/g;6 R(s){5 s.O(E,"\\\\$1")};x.15("1j-2H",6(){D[">"]=6(r,f,t,n){7 e,i,j;9(i=0;i=c);5(c%m)==s}});x.15("1j-2m",6(){U=1i("L;/*@2l@8(@\\2k)U=K@2j@*/");8(!U){X=6(e,t,n){5 n?e.2i("*",t):e.X(t)};14=6(e,n){5!n||(n=="*")||(e.2h==n)};1h=1g.1I?6(e){5/1J/i.l(Q(e).1I)}:6(e){5 Q(e).1H.1f!="2g"};1e=6(e){5 e.2f||e.1G||1b(e)};6 1b(e){7 t="",n,i;9(i=0;(n=e.1F[i]);i++){1d(n.1c){F 11:F 1:t+=1b(n);1a;F 3:t+=n.2e;1a}}5 t}}});19=K;5 x}();',62,190,'|||||return|function|var|if|for||||||||pseudoClasses||||test|||this||AttributeSelector|||||||cssQuery|length|push|fr|id||selectors||case|nextElementSibling|while||tests|true|false|thisElement||replace|match|getDocument|regEscape||attributeSelectors|isMSIE|cache||getElementsByTagName|isNaN|slice|child||new|getAttribute|compareNamespace|addModule|previousElementSibling|compareTagName|parseSelector|loaded|break|_0|nodeType|switch|getTextContent|tagName|document|isXML|eval|css|_1|split|ch|parentNode|childElements|nthChild|disabled|firstElementChild|getText|RegExp|Quote|x22|PREFIX|lang|_2|arguments|else|all|links|version|se|childNodes|innerText|documentElement|contentType|xml|parseInt|indeterminate|checked|last|nth|lastElementChild|parse|_3|add|href|String|className|create|NS_IE|remove|toString|ST|select|Array|null|_4|mimeType|lastChild|firstChild|continue|modules|delete|join|caching|error|nodeValue|textContent|HTML|prefix|getElementsByTagNameNS|end|x5fwin32|cc_on|standard||odd|even|enabled|hash|location|target|not|only|empty|root|contains|level3|outerHTML|htmlFor|class|toLowerCase|Function|name|first|level2|prototype|item|scopeName|toUpperCase|ownerDocument|Document|XML|Boolean|URL|unknown|typeof|nextSibling|previousSibling|visited|link|valueOf|clearCache|catch|concat|constructor|callee|try'.split('|'),0,{})) diff --git a/manualtests/core/lib/cssQuery/src/cssQuery-level2.js b/manualtests/core/lib/cssQuery/src/cssQuery-level2.js deleted file mode 100644 index 02dd0e5..0000000 --- a/manualtests/core/lib/cssQuery/src/cssQuery-level2.js +++ /dev/null @@ -1,142 +0,0 @@ -/* - cssQuery, version 2.0.2 (2005-08-19) - Copyright: 2004-2005, Dean Edwards (http://dean.edwards.name/) - License: http://creativecommons.org/licenses/LGPL/2.1/ -*/ - -cssQuery.addModule("css-level2", function() { - -// ----------------------------------------------------------------------- -// selectors -// ----------------------------------------------------------------------- - -// child selector -selectors[">"] = function($results, $from, $tagName, $namespace) { - var $element, i, j; - for (i = 0; i < $from.length; i++) { - var $subset = childElements($from[i]); - for (j = 0; ($element = $subset[j]); j++) - if (compareTagName($element, $tagName, $namespace)) - $results.push($element); - } -}; - -// sibling selector -selectors["+"] = function($results, $from, $tagName, $namespace) { - for (var i = 0; i < $from.length; i++) { - var $element = nextElementSibling($from[i]); - if ($element && compareTagName($element, $tagName, $namespace)) - $results.push($element); - } -}; - -// attribute selector -selectors["@"] = function($results, $from, $attributeSelectorID) { - var $test = attributeSelectors[$attributeSelectorID].test; - var $element, i; - for (i = 0; ($element = $from[i]); i++) - if ($test($element)) $results.push($element); -}; - -// ----------------------------------------------------------------------- -// pseudo-classes -// ----------------------------------------------------------------------- - -pseudoClasses["first-child"] = function($element) { - return !previousElementSibling($element); -}; - -pseudoClasses["lang"] = function($element, $code) { - $code = new RegExp("^" + $code, "i"); - while ($element && !$element.getAttribute("lang")) $element = $element.parentNode; - return $element && $code.test($element.getAttribute("lang")); -}; - -// ----------------------------------------------------------------------- -// attribute selectors -// ----------------------------------------------------------------------- - -// constants -AttributeSelector.NS_IE = /\\:/g; -AttributeSelector.PREFIX = "@"; -// properties -AttributeSelector.tests = {}; -// methods -AttributeSelector.replace = function($match, $attribute, $namespace, $compare, $value) { - var $key = this.PREFIX + $match; - if (!attributeSelectors[$key]) { - $attribute = this.create($attribute, $compare || "", $value || ""); - // store the selector - attributeSelectors[$key] = $attribute; - attributeSelectors.push($attribute); - } - return attributeSelectors[$key].id; -}; -AttributeSelector.parse = function($selector) { - $selector = $selector.replace(this.NS_IE, "|"); - var $match; - while ($match = $selector.match(this.match)) { - var $replace = this.replace($match[0], $match[1], $match[2], $match[3], $match[4]); - $selector = $selector.replace(this.match, $replace); - } - return $selector; -}; -AttributeSelector.create = function($propertyName, $test, $value) { - var $attributeSelector = {}; - $attributeSelector.id = this.PREFIX + attributeSelectors.length; - $attributeSelector.name = $propertyName; - $test = this.tests[$test]; - $test = $test ? $test(this.getAttribute($propertyName), getText($value)) : false; - $attributeSelector.test = new Function("e", "return " + $test); - return $attributeSelector; -}; -AttributeSelector.getAttribute = function($name) { - switch ($name.toLowerCase()) { - case "id": - return "e.id"; - case "class": - return "e.className"; - case "for": - return "e.htmlFor"; - case "href": - if (isMSIE) { - // IE always returns the full path not the fragment in the href attribute - // so we RegExp it out of outerHTML. Opera does the same thing but there - // is no way to get the original attribute. - return "String((e.outerHTML.match(/href=\\x22?([^\\s\\x22]*)\\x22?/)||[])[1]||'')"; - } - } - return "e.getAttribute('" + $name.replace($NAMESPACE, ":") + "')"; -}; - -// ----------------------------------------------------------------------- -// attribute selector tests -// ----------------------------------------------------------------------- - -AttributeSelector.tests[""] = function($attribute) { - return $attribute; -}; - -AttributeSelector.tests["="] = function($attribute, $value) { - return $attribute + "==" + Quote.add($value); -}; - -AttributeSelector.tests["~="] = function($attribute, $value) { - return "/(^| )" + regEscape($value) + "( |$)/.test(" + $attribute + ")"; -}; - -AttributeSelector.tests["|="] = function($attribute, $value) { - return "/^" + regEscape($value) + "(-|$)/.test(" + $attribute + ")"; -}; - -// ----------------------------------------------------------------------- -// parsing -// ----------------------------------------------------------------------- - -// override parseSelector to parse out attribute selectors -var _parseSelector = parseSelector; -parseSelector = function($selector) { - return _parseSelector(AttributeSelector.parse($selector)); -}; - -}); // addModule diff --git a/manualtests/core/lib/cssQuery/src/cssQuery-level3.js b/manualtests/core/lib/cssQuery/src/cssQuery-level3.js deleted file mode 100644 index 11d1966..0000000 --- a/manualtests/core/lib/cssQuery/src/cssQuery-level3.js +++ /dev/null @@ -1,150 +0,0 @@ -/* - cssQuery, version 2.0.2 (2005-08-19) - Copyright: 2004-2005, Dean Edwards (http://dean.edwards.name/) - License: http://creativecommons.org/licenses/LGPL/2.1/ -*/ - -/* Thanks to Bill Edney */ - -cssQuery.addModule("css-level3", function() { - -// ----------------------------------------------------------------------- -// selectors -// ----------------------------------------------------------------------- - -// indirect sibling selector -selectors["~"] = function($results, $from, $tagName, $namespace) { - var $element, i; - for (i = 0; ($element = $from[i]); i++) { - while ($element = nextElementSibling($element)) { - if (compareTagName($element, $tagName, $namespace)) - $results.push($element); - } - } -}; - -// ----------------------------------------------------------------------- -// pseudo-classes -// ----------------------------------------------------------------------- - -// I'm hoping these pseudo-classes are pretty readable. Let me know if -// any need explanation. - -pseudoClasses["contains"] = function($element, $text) { - $text = new RegExp(regEscape(getText($text))); - return $text.test(getTextContent($element)); -}; - -pseudoClasses["root"] = function($element) { - return $element == getDocument($element).documentElement; -}; - -pseudoClasses["empty"] = function($element) { - var $node, i; - for (i = 0; ($node = $element.childNodes[i]); i++) { - if (thisElement($node) || $node.nodeType == 3) return false; - } - return true; -}; - -pseudoClasses["last-child"] = function($element) { - return !nextElementSibling($element); -}; - -pseudoClasses["only-child"] = function($element) { - $element = $element.parentNode; - return firstElementChild($element) == lastElementChild($element); -}; - -pseudoClasses["not"] = function($element, $selector) { - var $negated = cssQuery($selector, getDocument($element)); - for (var i = 0; i < $negated.length; i++) { - if ($negated[i] == $element) return false; - } - return true; -}; - -pseudoClasses["nth-child"] = function($element, $arguments) { - return nthChild($element, $arguments, previousElementSibling); -}; - -pseudoClasses["nth-last-child"] = function($element, $arguments) { - return nthChild($element, $arguments, nextElementSibling); -}; - -pseudoClasses["target"] = function($element) { - return $element.id == location.hash.slice(1); -}; - -// UI element states - -pseudoClasses["checked"] = function($element) { - return $element.checked; -}; - -pseudoClasses["enabled"] = function($element) { - return $element.disabled === false; -}; - -pseudoClasses["disabled"] = function($element) { - return $element.disabled; -}; - -pseudoClasses["indeterminate"] = function($element) { - return $element.indeterminate; -}; - -// ----------------------------------------------------------------------- -// attribute selector tests -// ----------------------------------------------------------------------- - -AttributeSelector.tests["^="] = function($attribute, $value) { - return "/^" + regEscape($value) + "/.test(" + $attribute + ")"; -}; - -AttributeSelector.tests["$="] = function($attribute, $value) { - return "/" + regEscape($value) + "$/.test(" + $attribute + ")"; -}; - -AttributeSelector.tests["*="] = function($attribute, $value) { - return "/" + regEscape($value) + "/.test(" + $attribute + ")"; -}; - -// ----------------------------------------------------------------------- -// nth child support (Bill Edney) -// ----------------------------------------------------------------------- - -function nthChild($element, $arguments, $traverse) { - switch ($arguments) { - case "n": return true; - case "even": $arguments = "2n"; break; - case "odd": $arguments = "2n+1"; - } - - var $$children = childElements($element.parentNode); - function _checkIndex($index) { - var $index = ($traverse == nextElementSibling) ? $$children.length - $index : $index - 1; - return $$children[$index] == $element; - }; - - // it was just a number (no "n") - if (!isNaN($arguments)) return _checkIndex($arguments); - - $arguments = $arguments.split("n"); - var $multiplier = parseInt($arguments[0]); - var $step = parseInt($arguments[1]); - - if ((isNaN($multiplier) || $multiplier == 1) && $step == 0) return true; - if ($multiplier == 0 && !isNaN($step)) return _checkIndex($step); - if (isNaN($step)) $step = 0; - - var $count = 1; - while ($element = $traverse($element)) $count++; - - if (isNaN($multiplier) || $multiplier == 1) - return ($traverse == nextElementSibling) ? ($count <= $step) : ($step >= $count); - - return ($count % $multiplier) == $step; -}; - -}); // addModule diff --git a/manualtests/core/lib/cssQuery/src/cssQuery-standard.js b/manualtests/core/lib/cssQuery/src/cssQuery-standard.js deleted file mode 100644 index 77314b8..0000000 --- a/manualtests/core/lib/cssQuery/src/cssQuery-standard.js +++ /dev/null @@ -1,53 +0,0 @@ -/* - cssQuery, version 2.0.2 (2005-08-19) - Copyright: 2004-2005, Dean Edwards (http://dean.edwards.name/) - License: http://creativecommons.org/licenses/LGPL/2.1/ -*/ - -cssQuery.addModule("css-standard", function() { // override IE optimisation - -// cssQuery was originally written as the CSS engine for IE7. It is -// optimised (in terms of size not speed) for IE so this module is -// provided separately to provide cross-browser support. - -// ----------------------------------------------------------------------- -// browser compatibility -// ----------------------------------------------------------------------- - -// sniff for Win32 Explorer -isMSIE = eval("false;/*@cc_on@if(@\x5fwin32)isMSIE=true@end@*/"); - -if (!isMSIE) { - getElementsByTagName = function($element, $tagName, $namespace) { - return $namespace ? $element.getElementsByTagNameNS("*", $tagName) : - $element.getElementsByTagName($tagName); - }; - - compareNamespace = function($element, $namespace) { - return !$namespace || ($namespace == "*") || ($element.prefix == $namespace); - }; - - isXML = document.contentType ? function($element) { - return /xml/i.test(getDocument($element).contentType); - } : function($element) { - return getDocument($element).documentElement.tagName != "HTML"; - }; - - getTextContent = function($element) { - // mozilla || opera || other - return $element.textContent || $element.innerText || _getTextContent($element); - }; - - function _getTextContent($element) { - var $textContent = "", $node, i; - for (i = 0; ($node = $element.childNodes[i]); i++) { - switch ($node.nodeType) { - case 11: // document fragment - case 1: $textContent += _getTextContent($node); break; - case 3: $textContent += $node.nodeValue; break; - } - } - return $textContent; - }; -} -}); // addModule diff --git a/manualtests/core/lib/cssQuery/src/cssQuery.js b/manualtests/core/lib/cssQuery/src/cssQuery.js deleted file mode 100644 index 1fcab4a..0000000 --- a/manualtests/core/lib/cssQuery/src/cssQuery.js +++ /dev/null @@ -1,356 +0,0 @@ -/* - cssQuery, version 2.0.2 (2005-08-19) - Copyright: 2004-2005, Dean Edwards (http://dean.edwards.name/) - License: http://creativecommons.org/licenses/LGPL/2.1/ -*/ - -// the following functions allow querying of the DOM using CSS selectors -var cssQuery = function() { -var version = "2.0.2"; - -// ----------------------------------------------------------------------- -// main query function -// ----------------------------------------------------------------------- - -var $COMMA = /\s*,\s*/; -var cssQuery = function($selector, $$from) { -try { - var $match = []; - var $useCache = arguments.callee.caching && !$$from; - var $base = ($$from) ? ($$from.constructor == Array) ? $$from : [$$from] : [document]; - // process comma separated selectors - var $$selectors = parseSelector($selector).split($COMMA), i; - for (i = 0; i < $$selectors.length; i++) { - // convert the selector to a stream - $selector = _toStream($$selectors[i]); - // faster chop if it starts with id (MSIE only) - if (isMSIE && $selector.slice(0, 3).join("") == " *#") { - $selector = $selector.slice(2); - $$from = _msie_selectById([], $base, $selector[1]); - } else $$from = $base; - // process the stream - var j = 0, $token, $filter, $arguments, $cacheSelector = ""; - while (j < $selector.length) { - $token = $selector[j++]; - $filter = $selector[j++]; - $cacheSelector += $token + $filter; - // some pseudo-classes allow arguments to be passed - // e.g. nth-child(even) - $arguments = ""; - if ($selector[j] == "(") { - while ($selector[j++] != ")" && j < $selector.length) { - $arguments += $selector[j]; - } - $arguments = $arguments.slice(0, -1); - $cacheSelector += "(" + $arguments + ")"; - } - // process a token/filter pair use cached results if possible - $$from = ($useCache && cache[$cacheSelector]) ? - cache[$cacheSelector] : select($$from, $token, $filter, $arguments); - if ($useCache) cache[$cacheSelector] = $$from; - } - $match = $match.concat($$from); - } - delete cssQuery.error; - return $match; -} catch ($error) { - cssQuery.error = $error; - return []; -}}; - -// ----------------------------------------------------------------------- -// public interface -// ----------------------------------------------------------------------- - -cssQuery.toString = function() { - return "function cssQuery() {\n [version " + version + "]\n}"; -}; - -// caching -var cache = {}; -cssQuery.caching = false; -cssQuery.clearCache = function($selector) { - if ($selector) { - $selector = _toStream($selector).join(""); - delete cache[$selector]; - } else cache = {}; -}; - -// allow extensions -var modules = {}; -var loaded = false; -cssQuery.addModule = function($name, $script) { - if (loaded) eval("$script=" + String($script)); - modules[$name] = new $script();; -}; - -// hackery -cssQuery.valueOf = function($code) { - return $code ? eval($code) : this; -}; - -// ----------------------------------------------------------------------- -// declarations -// ----------------------------------------------------------------------- - -var selectors = {}; -var pseudoClasses = {}; -// a safari bug means that these have to be declared here -var AttributeSelector = {match: /\[([\w-]+(\|[\w-]+)?)\s*(\W?=)?\s*([^\]]*)\]/}; -var attributeSelectors = []; - -// ----------------------------------------------------------------------- -// selectors -// ----------------------------------------------------------------------- - -// descendant selector -selectors[" "] = function($results, $from, $tagName, $namespace) { - // loop through current selection - var $element, i, j; - for (i = 0; i < $from.length; i++) { - // get descendants - var $subset = getElementsByTagName($from[i], $tagName, $namespace); - // loop through descendants and add to results selection - for (j = 0; ($element = $subset[j]); j++) { - if (thisElement($element) && compareNamespace($element, $namespace)) - $results.push($element); - } - } -}; - -// ID selector -selectors["#"] = function($results, $from, $id) { - // loop through current selection and check ID - var $element, j; - for (j = 0; ($element = $from[j]); j++) if ($element.id == $id) $results.push($element); -}; - -// class selector -selectors["."] = function($results, $from, $className) { - // create a RegExp version of the class - $className = new RegExp("(^|\\s)" + $className + "(\\s|$)"); - // loop through current selection and check class - var $element, i; - for (i = 0; ($element = $from[i]); i++) - if ($className.test($element.className)) $results.push($element); -}; - -// pseudo-class selector -selectors[":"] = function($results, $from, $pseudoClass, $arguments) { - // retrieve the cssQuery pseudo-class function - var $test = pseudoClasses[$pseudoClass], $element, i; - // loop through current selection and apply pseudo-class filter - if ($test) for (i = 0; ($element = $from[i]); i++) - // if the cssQuery pseudo-class function returns "true" add the element - if ($test($element, $arguments)) $results.push($element); -}; - -// ----------------------------------------------------------------------- -// pseudo-classes -// ----------------------------------------------------------------------- - -pseudoClasses["link"] = function($element) { - var $document = getDocument($element); - if ($document.links) for (var i = 0; i < $document.links.length; i++) { - if ($document.links[i] == $element) return true; - } -}; - -pseudoClasses["visited"] = function($element) { - // can't do this without jiggery-pokery -}; - -// ----------------------------------------------------------------------- -// DOM traversal -// ----------------------------------------------------------------------- - -// IE5/6 includes comments (LOL) in it's elements collections. -// so we have to check for this. the test is tagName != "!". LOL (again). -var thisElement = function($element) { - return ($element && $element.nodeType == 1 && $element.tagName != "!") ? $element : null; -}; - -// return the previous element to the supplied element -// previousSibling is not good enough as it might return a text or comment node -var previousElementSibling = function($element) { - while ($element && ($element = $element.previousSibling) && !thisElement($element)) continue; - return $element; -}; - -// return the next element to the supplied element -var nextElementSibling = function($element) { - while ($element && ($element = $element.nextSibling) && !thisElement($element)) continue; - return $element; -}; - -// return the first child ELEMENT of an element -// NOT the first child node (though they may be the same thing) -var firstElementChild = function($element) { - return thisElement($element.firstChild) || nextElementSibling($element.firstChild); -}; - -var lastElementChild = function($element) { - return thisElement($element.lastChild) || previousElementSibling($element.lastChild); -}; - -// return child elements of an element (not child nodes) -var childElements = function($element) { - var $childElements = []; - $element = firstElementChild($element); - while ($element) { - $childElements.push($element); - $element = nextElementSibling($element); - } - return $childElements; -}; - -// ----------------------------------------------------------------------- -// browser compatibility -// ----------------------------------------------------------------------- - -// all of the functions in this section can be overwritten. the default -// configuration is for IE. The functions below reflect this. standard -// methods are included in a separate module. It would probably be better -// the other way round of course but this makes it easier to keep IE7 trim. - -var isMSIE = true; - -var isXML = function($element) { - var $document = getDocument($element); - return (typeof $document.mimeType == "unknown") ? - /\.xml$/i.test($document.URL) : - Boolean($document.mimeType == "XML Document"); -}; - -// return the element's containing document -var getDocument = function($element) { - return $element.ownerDocument || $element.document; -}; - -var getElementsByTagName = function($element, $tagName) { - return ($tagName == "*" && $element.all) ? $element.all : $element.getElementsByTagName($tagName); -}; - -var compareTagName = function($element, $tagName, $namespace) { - if ($tagName == "*") return thisElement($element); - if (!compareNamespace($element, $namespace)) return false; - if (!isXML($element)) $tagName = $tagName.toUpperCase(); - return $element.tagName == $tagName; -}; - -var compareNamespace = function($element, $namespace) { - return !$namespace || ($namespace == "*") || ($element.scopeName == $namespace); -}; - -var getTextContent = function($element) { - return $element.innerText; -}; - -function _msie_selectById($results, $from, id) { - var $match, i, j; - for (i = 0; i < $from.length; i++) { - if ($match = $from[i].all.item(id)) { - if ($match.id == id) $results.push($match); - else if ($match.length != null) { - for (j = 0; j < $match.length; j++) { - if ($match[j].id == id) $results.push($match[j]); - } - } - } - } - return $results; -}; - -// for IE5.0 -if (![].push) Array.prototype.push = function() { - for (var i = 0; i < arguments.length; i++) { - this[this.length] = arguments[i]; - } - return this.length; -}; - -// ----------------------------------------------------------------------- -// query support -// ----------------------------------------------------------------------- - -// select a set of matching elements. -// "from" is an array of elements. -// "token" is a character representing the type of filter -// e.g. ">" means child selector -// "filter" represents the tag name, id or class name that is being selected -// the function returns an array of matching elements -var $NAMESPACE = /\|/; -function select($$from, $token, $filter, $arguments) { - if ($NAMESPACE.test($filter)) { - $filter = $filter.split($NAMESPACE); - $arguments = $filter[0]; - $filter = $filter[1]; - } - var $results = []; - if (selectors[$token]) { - selectors[$token]($results, $$from, $filter, $arguments); - } - return $results; -}; - -// ----------------------------------------------------------------------- -// parsing -// ----------------------------------------------------------------------- - -// convert css selectors to a stream of tokens and filters -// it's not a real stream. it's just an array of strings. -var $STANDARD_SELECT = /^[^\s>+~]/; -var $$STREAM = /[\s#.:>+~()@]|[^\s#.:>+~()@]+/g; -function _toStream($selector) { - if ($STANDARD_SELECT.test($selector)) $selector = " " + $selector; - return $selector.match($$STREAM) || []; -}; - -var $WHITESPACE = /\s*([\s>+~(),]|^|$)\s*/g; -var $IMPLIED_ALL = /([\s>+~,]|[^(]\+|^)([#.:@])/g; -var parseSelector = function($selector) { - return $selector - // trim whitespace - .replace($WHITESPACE, "$1") - // e.g. ".class1" --> "*.class1" - .replace($IMPLIED_ALL, "$1*$2"); -}; - -var Quote = { - toString: function() {return "'"}, - match: /^('[^']*')|("[^"]*")$/, - test: function($string) { - return this.match.test($string); - }, - add: function($string) { - return this.test($string) ? $string : this + $string + this; - }, - remove: function($string) { - return this.test($string) ? $string.slice(1, -1) : $string; - } -}; - -var getText = function($text) { - return Quote.remove($text); -}; - -var $ESCAPE = /([\/()[\]?{}|*+-])/g; -function regEscape($string) { - return $string.replace($ESCAPE, "\\$1"); -}; - -// ----------------------------------------------------------------------- -// modules -// ----------------------------------------------------------------------- - -// -------- >> insert modules here for packaging << -------- \\ - -loaded = true; - -// ----------------------------------------------------------------------- -// return the query function -// ----------------------------------------------------------------------- - -return cssQuery; - -}(); // cssQuery diff --git a/manualtests/core/lib/prototype.js b/manualtests/core/lib/prototype.js deleted file mode 100644 index 4453c4f..0000000 --- a/manualtests/core/lib/prototype.js +++ /dev/null @@ -1,2006 +0,0 @@ -/* Prototype JavaScript framework, version 1.5.0_rc0 - * (c) 2005 Sam Stephenson - * - * Prototype is freely distributable under the terms of an MIT-style license. - * For details, see the Prototype web site: http://prototype.conio.net/ - * -/*--------------------------------------------------------------------------*/ - -var Prototype = { - Version: '1.5.0_rc0', - ScriptFragment: '(?:)((\n|\r|.)*?)(?:<\/script>)', - - emptyFunction: function() {}, - K: function(x) {return x} -} - -var Class = { - create: function() { - return function() { - this.initialize.apply(this, arguments); - } - } -} - -var Abstract = new Object(); - -Object.extend = function(destination, source) { - for (var property in source) { - destination[property] = source[property]; - } - return destination; -} - -Object.inspect = function(object) { - try { - if (object == undefined) return 'undefined'; - if (object == null) return 'null'; - return object.inspect ? object.inspect() : object.toString(); - } catch (e) { - if (e instanceof RangeError) return '...'; - throw e; - } -} - -Function.prototype.bind = function() { - var __method = this, args = $A(arguments), object = args.shift(); - return function() { - return __method.apply(object, args.concat($A(arguments))); - } -} - -Function.prototype.bindAsEventListener = function(object) { - var __method = this; - return function(event) { - return __method.call(object, event || window.event); - } -} - -Object.extend(Number.prototype, { - toColorPart: function() { - var digits = this.toString(16); - if (this < 16) return '0' + digits; - return digits; - }, - - succ: function() { - return this + 1; - }, - - times: function(iterator) { - $R(0, this, true).each(iterator); - return this; - } -}); - -var Try = { - these: function() { - var returnValue; - - for (var i = 0; i < arguments.length; i++) { - var lambda = arguments[i]; - try { - returnValue = lambda(); - break; - } catch (e) {} - } - - return returnValue; - } -} - -/*--------------------------------------------------------------------------*/ - -var PeriodicalExecuter = Class.create(); -PeriodicalExecuter.prototype = { - initialize: function(callback, frequency) { - this.callback = callback; - this.frequency = frequency; - this.currentlyExecuting = false; - - this.registerCallback(); - }, - - registerCallback: function() { - setInterval(this.onTimerEvent.bind(this), this.frequency * 1000); - }, - - onTimerEvent: function() { - if (!this.currentlyExecuting) { - try { - this.currentlyExecuting = true; - this.callback(); - } finally { - this.currentlyExecuting = false; - } - } - } -} -Object.extend(String.prototype, { - gsub: function(pattern, replacement) { - var result = '', source = this, match; - replacement = arguments.callee.prepareReplacement(replacement); - - while (source.length > 0) { - if (match = source.match(pattern)) { - result += source.slice(0, match.index); - result += (replacement(match) || '').toString(); - source = source.slice(match.index + match[0].length); - } else { - result += source, source = ''; - } - } - return result; - }, - - sub: function(pattern, replacement, count) { - replacement = this.gsub.prepareReplacement(replacement); - count = count === undefined ? 1 : count; - - return this.gsub(pattern, function(match) { - if (--count < 0) return match[0]; - return replacement(match); - }); - }, - - scan: function(pattern, iterator) { - this.gsub(pattern, iterator); - return this; - }, - - truncate: function(length, truncation) { - length = length || 30; - truncation = truncation === undefined ? '...' : truncation; - return this.length > length ? - this.slice(0, length - truncation.length) + truncation : this; - }, - - strip: function() { - return this.replace(/^\s+/, '').replace(/\s+$/, ''); - }, - - stripTags: function() { - return this.replace(/<\/?[^>]+>/gi, ''); - }, - - stripScripts: function() { - return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), ''); - }, - - extractScripts: function() { - var matchAll = new RegExp(Prototype.ScriptFragment, 'img'); - var matchOne = new RegExp(Prototype.ScriptFragment, 'im'); - return (this.match(matchAll) || []).map(function(scriptTag) { - return (scriptTag.match(matchOne) || ['', ''])[1]; - }); - }, - - evalScripts: function() { - return this.extractScripts().map(function(script) { return eval(script) }); - }, - - escapeHTML: function() { - var div = document.createElement('div'); - var text = document.createTextNode(this); - div.appendChild(text); - return div.innerHTML; - }, - - unescapeHTML: function() { - var div = document.createElement('div'); - div.innerHTML = this.stripTags(); - return div.childNodes[0] ? div.childNodes[0].nodeValue : ''; - }, - - toQueryParams: function() { - var pairs = this.match(/^\??(.*)$/)[1].split('&'); - return pairs.inject({}, function(params, pairString) { - var pair = pairString.split('='); - params[pair[0]] = pair[1]; - return params; - }); - }, - - toArray: function() { - return this.split(''); - }, - - camelize: function() { - var oStringList = this.split('-'); - if (oStringList.length == 1) return oStringList[0]; - - var camelizedString = this.indexOf('-') == 0 - ? oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) - : oStringList[0]; - - for (var i = 1, len = oStringList.length; i < len; i++) { - var s = oStringList[i]; - camelizedString += s.charAt(0).toUpperCase() + s.substring(1); - } - - return camelizedString; - }, - - inspect: function() { - return "'" + this.replace(/\\/g, '\\\\').replace(/'/g, '\\\'') + "'"; - } -}); - -String.prototype.gsub.prepareReplacement = function(replacement) { - if (typeof replacement == 'function') return replacement; - var template = new Template(replacement); - return function(match) { return template.evaluate(match) }; -} - -String.prototype.parseQuery = String.prototype.toQueryParams; - -var Template = Class.create(); -Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; -Template.prototype = { - initialize: function(template, pattern) { - this.template = template.toString(); - this.pattern = pattern || Template.Pattern; - }, - - evaluate: function(object) { - return this.template.gsub(this.pattern, function(match) { - var before = match[1]; - if (before == '\\') return match[2]; - return before + (object[match[3]] || '').toString(); - }); - } -} - -var $break = new Object(); -var $continue = new Object(); - -var Enumerable = { - each: function(iterator) { - var index = 0; - try { - this._each(function(value) { - try { - iterator(value, index++); - } catch (e) { - if (e != $continue) throw e; - } - }); - } catch (e) { - if (e != $break) throw e; - } - }, - - all: function(iterator) { - var result = true; - this.each(function(value, index) { - result = result && !!(iterator || Prototype.K)(value, index); - if (!result) throw $break; - }); - return result; - }, - - any: function(iterator) { - var result = true; - this.each(function(value, index) { - if (result = !!(iterator || Prototype.K)(value, index)) - throw $break; - }); - return result; - }, - - collect: function(iterator) { - var results = []; - this.each(function(value, index) { - results.push(iterator(value, index)); - }); - return results; - }, - - detect: function (iterator) { - var result; - this.each(function(value, index) { - if (iterator(value, index)) { - result = value; - throw $break; - } - }); - return result; - }, - - findAll: function(iterator) { - var results = []; - this.each(function(value, index) { - if (iterator(value, index)) - results.push(value); - }); - return results; - }, - - grep: function(pattern, iterator) { - var results = []; - this.each(function(value, index) { - var stringValue = value.toString(); - if (stringValue.match(pattern)) - results.push((iterator || Prototype.K)(value, index)); - }) - return results; - }, - - include: function(object) { - var found = false; - this.each(function(value) { - if (value == object) { - found = true; - throw $break; - } - }); - return found; - }, - - inject: function(memo, iterator) { - this.each(function(value, index) { - memo = iterator(memo, value, index); - }); - return memo; - }, - - invoke: function(method) { - var args = $A(arguments).slice(1); - return this.collect(function(value) { - return value[method].apply(value, args); - }); - }, - - max: function(iterator) { - var result; - this.each(function(value, index) { - value = (iterator || Prototype.K)(value, index); - if (result == undefined || value >= result) - result = value; - }); - return result; - }, - - min: function(iterator) { - var result; - this.each(function(value, index) { - value = (iterator || Prototype.K)(value, index); - if (result == undefined || value < result) - result = value; - }); - return result; - }, - - partition: function(iterator) { - var trues = [], falses = []; - this.each(function(value, index) { - ((iterator || Prototype.K)(value, index) ? - trues : falses).push(value); - }); - return [trues, falses]; - }, - - pluck: function(property) { - var results = []; - this.each(function(value, index) { - results.push(value[property]); - }); - return results; - }, - - reject: function(iterator) { - var results = []; - this.each(function(value, index) { - if (!iterator(value, index)) - results.push(value); - }); - return results; - }, - - sortBy: function(iterator) { - return this.collect(function(value, index) { - return {value: value, criteria: iterator(value, index)}; - }).sort(function(left, right) { - var a = left.criteria, b = right.criteria; - return a < b ? -1 : a > b ? 1 : 0; - }).pluck('value'); - }, - - toArray: function() { - return this.collect(Prototype.K); - }, - - zip: function() { - var iterator = Prototype.K, args = $A(arguments); - if (typeof args.last() == 'function') - iterator = args.pop(); - - var collections = [this].concat(args).map($A); - return this.map(function(value, index) { - return iterator(collections.pluck(index)); - }); - }, - - inspect: function() { - return '#'; - } -} - -Object.extend(Enumerable, { - map: Enumerable.collect, - find: Enumerable.detect, - select: Enumerable.findAll, - member: Enumerable.include, - entries: Enumerable.toArray -}); -var $A = Array.from = function(iterable) { - if (!iterable) return []; - if (iterable.toArray) { - return iterable.toArray(); - } else { - var results = []; - for (var i = 0; i < iterable.length; i++) - results.push(iterable[i]); - return results; - } -} - -Object.extend(Array.prototype, Enumerable); - -if (!Array.prototype._reverse) - Array.prototype._reverse = Array.prototype.reverse; - -Object.extend(Array.prototype, { - _each: function(iterator) { - for (var i = 0; i < this.length; i++) - iterator(this[i]); - }, - - clear: function() { - this.length = 0; - return this; - }, - - first: function() { - return this[0]; - }, - - last: function() { - return this[this.length - 1]; - }, - - compact: function() { - return this.select(function(value) { - return value != undefined || value != null; - }); - }, - - flatten: function() { - return this.inject([], function(array, value) { - return array.concat(value && value.constructor == Array ? - value.flatten() : [value]); - }); - }, - - without: function() { - var values = $A(arguments); - return this.select(function(value) { - return !values.include(value); - }); - }, - - indexOf: function(object) { - for (var i = 0; i < this.length; i++) - if (this[i] == object) return i; - return -1; - }, - - reverse: function(inline) { - return (inline !== false ? this : this.toArray())._reverse(); - }, - - inspect: function() { - return '[' + this.map(Object.inspect).join(', ') + ']'; - } -}); -var Hash = { - _each: function(iterator) { - for (var key in this) { - var value = this[key]; - if (typeof value == 'function') continue; - - var pair = [key, value]; - pair.key = key; - pair.value = value; - iterator(pair); - } - }, - - keys: function() { - return this.pluck('key'); - }, - - values: function() { - return this.pluck('value'); - }, - - merge: function(hash) { - return $H(hash).inject($H(this), function(mergedHash, pair) { - mergedHash[pair.key] = pair.value; - return mergedHash; - }); - }, - - toQueryString: function() { - return this.map(function(pair) { - return pair.map(encodeURIComponent).join('='); - }).join('&'); - }, - - inspect: function() { - return '#'; - } -} - -function $H(object) { - var hash = Object.extend({}, object || {}); - Object.extend(hash, Enumerable); - Object.extend(hash, Hash); - return hash; -} -ObjectRange = Class.create(); -Object.extend(ObjectRange.prototype, Enumerable); -Object.extend(ObjectRange.prototype, { - initialize: function(start, end, exclusive) { - this.start = start; - this.end = end; - this.exclusive = exclusive; - }, - - _each: function(iterator) { - var value = this.start; - do { - iterator(value); - value = value.succ(); - } while (this.include(value)); - }, - - include: function(value) { - if (value < this.start) - return false; - if (this.exclusive) - return value < this.end; - return value <= this.end; - } -}); - -var $R = function(start, end, exclusive) { - return new ObjectRange(start, end, exclusive); -} - -var Ajax = { - getTransport: function() { - return Try.these( - function() {return new XMLHttpRequest()}, - function() {return new ActiveXObject('Msxml2.XMLHTTP')}, - function() {return new ActiveXObject('Microsoft.XMLHTTP')} - ) || false; - }, - - activeRequestCount: 0 -} - -Ajax.Responders = { - responders: [], - - _each: function(iterator) { - this.responders._each(iterator); - }, - - register: function(responderToAdd) { - if (!this.include(responderToAdd)) - this.responders.push(responderToAdd); - }, - - unregister: function(responderToRemove) { - this.responders = this.responders.without(responderToRemove); - }, - - dispatch: function(callback, request, transport, json) { - this.each(function(responder) { - if (responder[callback] && typeof responder[callback] == 'function') { - try { - responder[callback].apply(responder, [request, transport, json]); - } catch (e) {} - } - }); - } -}; - -Object.extend(Ajax.Responders, Enumerable); - -Ajax.Responders.register({ - onCreate: function() { - Ajax.activeRequestCount++; - }, - - onComplete: function() { - Ajax.activeRequestCount--; - } -}); - -Ajax.Base = function() {}; -Ajax.Base.prototype = { - setOptions: function(options) { - this.options = { - method: 'post', - asynchronous: true, - contentType: 'application/x-www-form-urlencoded', - parameters: '' - } - Object.extend(this.options, options || {}); - }, - - responseIsSuccess: function() { - return this.transport.status == undefined - || this.transport.status == 0 - || (this.transport.status >= 200 && this.transport.status < 300); - }, - - responseIsFailure: function() { - return !this.responseIsSuccess(); - } -} - -Ajax.Request = Class.create(); -Ajax.Request.Events = - ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete']; - -Ajax.Request.prototype = Object.extend(new Ajax.Base(), { - initialize: function(url, options) { - this.transport = Ajax.getTransport(); - this.setOptions(options); - this.request(url); - }, - - request: function(url) { - var parameters = this.options.parameters || ''; - if (parameters.length > 0) parameters += '&_='; - - try { - this.url = url; - if (this.options.method == 'get' && parameters.length > 0) - this.url += (this.url.match(/\?/) ? '&' : '?') + parameters; - - Ajax.Responders.dispatch('onCreate', this, this.transport); - - this.transport.open(this.options.method, this.url, - this.options.asynchronous); - - if (this.options.asynchronous) { - this.transport.onreadystatechange = this.onStateChange.bind(this); - setTimeout((function() {this.respondToReadyState(1)}).bind(this), 10); - } - - this.setRequestHeaders(); - - var body = this.options.postBody ? this.options.postBody : parameters; - this.transport.send(this.options.method == 'post' ? body : null); - - } catch (e) { - this.dispatchException(e); - } - }, - - setRequestHeaders: function() { - var requestHeaders = - ['X-Requested-With', 'XMLHttpRequest', - 'X-Prototype-Version', Prototype.Version, - 'Accept', 'text/javascript, text/html, application/xml, text/xml, */*']; - - if (this.options.method == 'post') { - requestHeaders.push('Content-type', this.options.contentType); - - /* Force "Connection: close" for Mozilla browsers to work around - * a bug where XMLHttpReqeuest sends an incorrect Content-length - * header. See Mozilla Bugzilla #246651. - */ - if (this.transport.overrideMimeType) - requestHeaders.push('Connection', 'close'); - } - - if (this.options.requestHeaders) - requestHeaders.push.apply(requestHeaders, this.options.requestHeaders); - - for (var i = 0; i < requestHeaders.length; i += 2) - this.transport.setRequestHeader(requestHeaders[i], requestHeaders[i+1]); - }, - - onStateChange: function() { - var readyState = this.transport.readyState; - if (readyState != 1) - this.respondToReadyState(this.transport.readyState); - }, - - header: function(name) { - try { - return this.transport.getResponseHeader(name); - } catch (e) {} - }, - - evalJSON: function() { - try { - return eval('(' + this.header('X-JSON') + ')'); - } catch (e) {} - }, - - evalResponse: function() { - try { - return eval(this.transport.responseText); - } catch (e) { - this.dispatchException(e); - } - }, - - respondToReadyState: function(readyState) { - var event = Ajax.Request.Events[readyState]; - var transport = this.transport, json = this.evalJSON(); - - if (event == 'Complete') { - try { - (this.options['on' + this.transport.status] - || this.options['on' + (this.responseIsSuccess() ? 'Success' : 'Failure')] - || Prototype.emptyFunction)(transport, json); - } catch (e) { - this.dispatchException(e); - } - - if ((this.header('Content-type') || '').match(/^text\/javascript/i)) - this.evalResponse(); - } - - try { - (this.options['on' + event] || Prototype.emptyFunction)(transport, json); - Ajax.Responders.dispatch('on' + event, this, transport, json); - } catch (e) { - this.dispatchException(e); - } - - /* Avoid memory leak in MSIE: clean up the oncomplete event handler */ - if (event == 'Complete') - this.transport.onreadystatechange = Prototype.emptyFunction; - }, - - dispatchException: function(exception) { - (this.options.onException || Prototype.emptyFunction)(this, exception); - Ajax.Responders.dispatch('onException', this, exception); - } -}); - -Ajax.Updater = Class.create(); - -Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), { - initialize: function(container, url, options) { - this.containers = { - success: container.success ? $(container.success) : $(container), - failure: container.failure ? $(container.failure) : - (container.success ? null : $(container)) - } - - this.transport = Ajax.getTransport(); - this.setOptions(options); - - var onComplete = this.options.onComplete || Prototype.emptyFunction; - this.options.onComplete = (function(transport, object) { - this.updateContent(); - onComplete(transport, object); - }).bind(this); - - this.request(url); - }, - - updateContent: function() { - var receiver = this.responseIsSuccess() ? - this.containers.success : this.containers.failure; - var response = this.transport.responseText; - - if (!this.options.evalScripts) - response = response.stripScripts(); - - if (receiver) { - if (this.options.insertion) { - new this.options.insertion(receiver, response); - } else { - Element.update(receiver, response); - } - } - - if (this.responseIsSuccess()) { - if (this.onComplete) - setTimeout(this.onComplete.bind(this), 10); - } - } -}); - -Ajax.PeriodicalUpdater = Class.create(); -Ajax.PeriodicalUpdater.prototype = Object.extend(new Ajax.Base(), { - initialize: function(container, url, options) { - this.setOptions(options); - this.onComplete = this.options.onComplete; - - this.frequency = (this.options.frequency || 2); - this.decay = (this.options.decay || 1); - - this.updater = {}; - this.container = container; - this.url = url; - - this.start(); - }, - - start: function() { - this.options.onComplete = this.updateComplete.bind(this); - this.onTimerEvent(); - }, - - stop: function() { - this.updater.onComplete = undefined; - clearTimeout(this.timer); - (this.onComplete || Prototype.emptyFunction).apply(this, arguments); - }, - - updateComplete: function(request) { - if (this.options.decay) { - this.decay = (request.responseText == this.lastText ? - this.decay * this.options.decay : 1); - - this.lastText = request.responseText; - } - this.timer = setTimeout(this.onTimerEvent.bind(this), - this.decay * this.frequency * 1000); - }, - - onTimerEvent: function() { - this.updater = new Ajax.Updater(this.container, this.url, this.options); - } -}); -function $() { - var results = [], element; - for (var i = 0; i < arguments.length; i++) { - element = arguments[i]; - if (typeof element == 'string') - element = document.getElementById(element); - results.push(Element.extend(element)); - } - return results.length < 2 ? results[0] : results; -} - -document.getElementsByClassName = function(className, parentElement) { - var children = ($(parentElement) || document.body).getElementsByTagName('*'); - return $A(children).inject([], function(elements, child) { - if (child.className.match(new RegExp("(^|\\s)" + className + "(\\s|$)"))) - elements.push(Element.extend(child)); - return elements; - }); -} - -/*--------------------------------------------------------------------------*/ - -if (!window.Element) - var Element = new Object(); - -Element.extend = function(element) { - if (!element) return; - if (_nativeExtensions) return element; - - if (!element._extended && element.tagName && element != window) { - var methods = Element.Methods, cache = Element.extend.cache; - for (property in methods) { - var value = methods[property]; - if (typeof value == 'function') - element[property] = cache.findOrStore(value); - } - } - - element._extended = true; - return element; -} - -Element.extend.cache = { - findOrStore: function(value) { - return this[value] = this[value] || function() { - return value.apply(null, [this].concat($A(arguments))); - } - } -} - -Element.Methods = { - visible: function(element) { - return $(element).style.display != 'none'; - }, - - toggle: function() { - for (var i = 0; i < arguments.length; i++) { - var element = $(arguments[i]); - Element[Element.visible(element) ? 'hide' : 'show'](element); - } - }, - - hide: function() { - for (var i = 0; i < arguments.length; i++) { - var element = $(arguments[i]); - element.style.display = 'none'; - } - }, - - show: function() { - for (var i = 0; i < arguments.length; i++) { - var element = $(arguments[i]); - element.style.display = ''; - } - }, - - remove: function(element) { - element = $(element); - element.parentNode.removeChild(element); - }, - - update: function(element, html) { - $(element).innerHTML = html.stripScripts(); - setTimeout(function() {html.evalScripts()}, 10); - }, - - replace: function(element, html) { - element = $(element); - if (element.outerHTML) { - element.outerHTML = html.stripScripts(); - } else { - var range = element.ownerDocument.createRange(); - range.selectNodeContents(element); - element.parentNode.replaceChild( - range.createContextualFragment(html.stripScripts()), element); - } - setTimeout(function() {html.evalScripts()}, 10); - }, - - getHeight: function(element) { - element = $(element); - return element.offsetHeight; - }, - - classNames: function(element) { - return new Element.ClassNames(element); - }, - - hasClassName: function(element, className) { - if (!(element = $(element))) return; - return Element.classNames(element).include(className); - }, - - addClassName: function(element, className) { - if (!(element = $(element))) return; - return Element.classNames(element).add(className); - }, - - removeClassName: function(element, className) { - if (!(element = $(element))) return; - return Element.classNames(element).remove(className); - }, - - // removes whitespace-only text node children - cleanWhitespace: function(element) { - element = $(element); - for (var i = 0; i < element.childNodes.length; i++) { - var node = element.childNodes[i]; - if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) - Element.remove(node); - } - }, - - empty: function(element) { - return $(element).innerHTML.match(/^\s*$/); - }, - - childOf: function(element, ancestor) { - element = $(element), ancestor = $(ancestor); - while (element = element.parentNode) - if (element == ancestor) return true; - return false; - }, - - scrollTo: function(element) { - element = $(element); - var x = element.x ? element.x : element.offsetLeft, - y = element.y ? element.y : element.offsetTop; - window.scrollTo(x, y); - }, - - getStyle: function(element, style) { - element = $(element); - var value = element.style[style.camelize()]; - if (!value) { - if (document.defaultView && document.defaultView.getComputedStyle) { - var css = document.defaultView.getComputedStyle(element, null); - value = css ? css.getPropertyValue(style) : null; - } else if (element.currentStyle) { - value = element.currentStyle[style.camelize()]; - } - } - - if (window.opera && ['left', 'top', 'right', 'bottom'].include(style)) - if (Element.getStyle(element, 'position') == 'static') value = 'auto'; - - return value == 'auto' ? null : value; - }, - - setStyle: function(element, style) { - element = $(element); - for (var name in style) - element.style[name.camelize()] = style[name]; - }, - - getDimensions: function(element) { - element = $(element); - if (Element.getStyle(element, 'display') != 'none') - return {width: element.offsetWidth, height: element.offsetHeight}; - - // All *Width and *Height properties give 0 on elements with display none, - // so enable the element temporarily - var els = element.style; - var originalVisibility = els.visibility; - var originalPosition = els.position; - els.visibility = 'hidden'; - els.position = 'absolute'; - els.display = ''; - var originalWidth = element.clientWidth; - var originalHeight = element.clientHeight; - els.display = 'none'; - els.position = originalPosition; - els.visibility = originalVisibility; - return {width: originalWidth, height: originalHeight}; - }, - - makePositioned: function(element) { - element = $(element); - var pos = Element.getStyle(element, 'position'); - if (pos == 'static' || !pos) { - element._madePositioned = true; - element.style.position = 'relative'; - // Opera returns the offset relative to the positioning context, when an - // element is position relative but top and left have not been defined - if (window.opera) { - element.style.top = 0; - element.style.left = 0; - } - } - }, - - undoPositioned: function(element) { - element = $(element); - if (element._madePositioned) { - element._madePositioned = undefined; - element.style.position = - element.style.top = - element.style.left = - element.style.bottom = - element.style.right = ''; - } - }, - - makeClipping: function(element) { - element = $(element); - if (element._overflow) return; - element._overflow = element.style.overflow; - if ((Element.getStyle(element, 'overflow') || 'visible') != 'hidden') - element.style.overflow = 'hidden'; - }, - - undoClipping: function(element) { - element = $(element); - if (element._overflow) return; - element.style.overflow = element._overflow; - element._overflow = undefined; - } -} - -Object.extend(Element, Element.Methods); - -var _nativeExtensions = false; - -if(!HTMLElement && /Konqueror|Safari|KHTML/.test(navigator.userAgent)) { - var HTMLElement = {} - HTMLElement.prototype = document.createElement('div').__proto__; -} - -Element.addMethods = function(methods) { - Object.extend(Element.Methods, methods || {}); - - if(typeof HTMLElement != 'undefined') { - var methods = Element.Methods, cache = Element.extend.cache; - for (property in methods) { - var value = methods[property]; - if (typeof value == 'function') - HTMLElement.prototype[property] = cache.findOrStore(value); - } - _nativeExtensions = true; - } -} - -Element.addMethods(); - -var Toggle = new Object(); -Toggle.display = Element.toggle; - -/*--------------------------------------------------------------------------*/ - -Abstract.Insertion = function(adjacency) { - this.adjacency = adjacency; -} - -Abstract.Insertion.prototype = { - initialize: function(element, content) { - this.element = $(element); - this.content = content.stripScripts(); - - if (this.adjacency && this.element.insertAdjacentHTML) { - try { - this.element.insertAdjacentHTML(this.adjacency, this.content); - } catch (e) { - var tagName = this.element.tagName.toLowerCase(); - if (tagName == 'tbody' || tagName == 'tr') { - this.insertContent(this.contentFromAnonymousTable()); - } else { - throw e; - } - } - } else { - this.range = this.element.ownerDocument.createRange(); - if (this.initializeRange) this.initializeRange(); - this.insertContent([this.range.createContextualFragment(this.content)]); - } - - setTimeout(function() {content.evalScripts()}, 10); - }, - - contentFromAnonymousTable: function() { - var div = document.createElement('div'); - div.innerHTML = '' + this.content + '
'; - return $A(div.childNodes[0].childNodes[0].childNodes); - } -} - -var Insertion = new Object(); - -Insertion.Before = Class.create(); -Insertion.Before.prototype = Object.extend(new Abstract.Insertion('beforeBegin'), { - initializeRange: function() { - this.range.setStartBefore(this.element); - }, - - insertContent: function(fragments) { - fragments.each((function(fragment) { - this.element.parentNode.insertBefore(fragment, this.element); - }).bind(this)); - } -}); - -Insertion.Top = Class.create(); -Insertion.Top.prototype = Object.extend(new Abstract.Insertion('afterBegin'), { - initializeRange: function() { - this.range.selectNodeContents(this.element); - this.range.collapse(true); - }, - - insertContent: function(fragments) { - fragments.reverse(false).each((function(fragment) { - this.element.insertBefore(fragment, this.element.firstChild); - }).bind(this)); - } -}); - -Insertion.Bottom = Class.create(); -Insertion.Bottom.prototype = Object.extend(new Abstract.Insertion('beforeEnd'), { - initializeRange: function() { - this.range.selectNodeContents(this.element); - this.range.collapse(this.element); - }, - - insertContent: function(fragments) { - fragments.each((function(fragment) { - this.element.appendChild(fragment); - }).bind(this)); - } -}); - -Insertion.After = Class.create(); -Insertion.After.prototype = Object.extend(new Abstract.Insertion('afterEnd'), { - initializeRange: function() { - this.range.setStartAfter(this.element); - }, - - insertContent: function(fragments) { - fragments.each((function(fragment) { - this.element.parentNode.insertBefore(fragment, - this.element.nextSibling); - }).bind(this)); - } -}); - -/*--------------------------------------------------------------------------*/ - -Element.ClassNames = Class.create(); -Element.ClassNames.prototype = { - initialize: function(element) { - this.element = $(element); - }, - - _each: function(iterator) { - this.element.className.split(/\s+/).select(function(name) { - return name.length > 0; - })._each(iterator); - }, - - set: function(className) { - this.element.className = className; - }, - - add: function(classNameToAdd) { - if (this.include(classNameToAdd)) return; - this.set(this.toArray().concat(classNameToAdd).join(' ')); - }, - - remove: function(classNameToRemove) { - if (!this.include(classNameToRemove)) return; - this.set(this.select(function(className) { - return className != classNameToRemove; - }).join(' ')); - }, - - toString: function() { - return this.toArray().join(' '); - } -} - -Object.extend(Element.ClassNames.prototype, Enumerable); -var Selector = Class.create(); -Selector.prototype = { - initialize: function(expression) { - this.params = {classNames: []}; - this.expression = expression.toString().strip(); - this.parseExpression(); - this.compileMatcher(); - }, - - parseExpression: function() { - function abort(message) { throw 'Parse error in selector: ' + message; } - - if (this.expression == '') abort('empty expression'); - - var params = this.params, expr = this.expression, match, modifier, clause, rest; - while (match = expr.match(/^(.*)\[([a-z0-9_:-]+?)(?:([~\|!]?=)(?:"([^"]*)"|([^\]\s]*)))?\]$/i)) { - params.attributes = params.attributes || []; - params.attributes.push({name: match[2], operator: match[3], value: match[4] || match[5] || ''}); - expr = match[1]; - } - - if (expr == '*') return this.params.wildcard = true; - - while (match = expr.match(/^([^a-z0-9_-])?([a-z0-9_-]+)(.*)/i)) { - modifier = match[1], clause = match[2], rest = match[3]; - switch (modifier) { - case '#': params.id = clause; break; - case '.': params.classNames.push(clause); break; - case '': - case undefined: params.tagName = clause.toUpperCase(); break; - default: abort(expr.inspect()); - } - expr = rest; - } - - if (expr.length > 0) abort(expr.inspect()); - }, - - buildMatchExpression: function() { - var params = this.params, conditions = [], clause; - - if (params.wildcard) - conditions.push('true'); - if (clause = params.id) - conditions.push('element.id == ' + clause.inspect()); - if (clause = params.tagName) - conditions.push('element.tagName.toUpperCase() == ' + clause.inspect()); - if ((clause = params.classNames).length > 0) - for (var i = 0; i < clause.length; i++) - conditions.push('Element.hasClassName(element, ' + clause[i].inspect() + ')'); - if (clause = params.attributes) { - clause.each(function(attribute) { - var value = 'element.getAttribute(' + attribute.name.inspect() + ')'; - var splitValueBy = function(delimiter) { - return value + ' && ' + value + '.split(' + delimiter.inspect() + ')'; - } - - switch (attribute.operator) { - case '=': conditions.push(value + ' == ' + attribute.value.inspect()); break; - case '~=': conditions.push(splitValueBy(' ') + '.include(' + attribute.value.inspect() + ')'); break; - case '|=': conditions.push( - splitValueBy('-') + '.first().toUpperCase() == ' + attribute.value.toUpperCase().inspect() - ); break; - case '!=': conditions.push(value + ' != ' + attribute.value.inspect()); break; - case '': - case undefined: conditions.push(value + ' != null'); break; - default: throw 'Unknown operator ' + attribute.operator + ' in selector'; - } - }); - } - - return conditions.join(' && '); - }, - - compileMatcher: function() { - this.match = new Function('element', 'if (!element.tagName) return false; \n' + - 'return ' + this.buildMatchExpression()); - }, - - findElements: function(scope) { - var element; - - if (element = $(this.params.id)) - if (this.match(element)) - if (!scope || Element.childOf(element, scope)) - return [element]; - - scope = (scope || document).getElementsByTagName(this.params.tagName || '*'); - - var results = []; - for (var i = 0; i < scope.length; i++) - if (this.match(element = scope[i])) - results.push(Element.extend(element)); - - return results; - }, - - toString: function() { - return this.expression; - } -} - -function $$() { - return $A(arguments).map(function(expression) { - return expression.strip().split(/\s+/).inject([null], function(results, expr) { - var selector = new Selector(expr); - return results.map(selector.findElements.bind(selector)).flatten(); - }); - }).flatten(); -} -var Field = { - clear: function() { - for (var i = 0; i < arguments.length; i++) - $(arguments[i]).value = ''; - }, - - focus: function(element) { - $(element).focus(); - }, - - present: function() { - for (var i = 0; i < arguments.length; i++) - if ($(arguments[i]).value == '') return false; - return true; - }, - - select: function(element) { - $(element).select(); - }, - - activate: function(element) { - element = $(element); - element.focus(); - if (element.select) - element.select(); - } -} - -/*--------------------------------------------------------------------------*/ - -var Form = { - serialize: function(form) { - var elements = Form.getElements($(form)); - var queryComponents = new Array(); - - for (var i = 0; i < elements.length; i++) { - var queryComponent = Form.Element.serialize(elements[i]); - if (queryComponent) - queryComponents.push(queryComponent); - } - - return queryComponents.join('&'); - }, - - getElements: function(form) { - form = $(form); - var elements = new Array(); - - for (var tagName in Form.Element.Serializers) { - var tagElements = form.getElementsByTagName(tagName); - for (var j = 0; j < tagElements.length; j++) - elements.push(tagElements[j]); - } - return elements; - }, - - getInputs: function(form, typeName, name) { - form = $(form); - var inputs = form.getElementsByTagName('input'); - - if (!typeName && !name) - return inputs; - - var matchingInputs = new Array(); - for (var i = 0; i < inputs.length; i++) { - var input = inputs[i]; - if ((typeName && input.type != typeName) || - (name && input.name != name)) - continue; - matchingInputs.push(input); - } - - return matchingInputs; - }, - - disable: function(form) { - var elements = Form.getElements(form); - for (var i = 0; i < elements.length; i++) { - var element = elements[i]; - element.blur(); - element.disabled = 'true'; - } - }, - - enable: function(form) { - var elements = Form.getElements(form); - for (var i = 0; i < elements.length; i++) { - var element = elements[i]; - element.disabled = ''; - } - }, - - findFirstElement: function(form) { - return Form.getElements(form).find(function(element) { - return element.type != 'hidden' && !element.disabled && - ['input', 'select', 'textarea'].include(element.tagName.toLowerCase()); - }); - }, - - focusFirstElement: function(form) { - Field.activate(Form.findFirstElement(form)); - }, - - reset: function(form) { - $(form).reset(); - } -} - -Form.Element = { - serialize: function(element) { - element = $(element); - var method = element.tagName.toLowerCase(); - var parameter = Form.Element.Serializers[method](element); - - if (parameter) { - var key = encodeURIComponent(parameter[0]); - if (key.length == 0) return; - - if (parameter[1].constructor != Array) - parameter[1] = [parameter[1]]; - - return parameter[1].map(function(value) { - return key + '=' + encodeURIComponent(value); - }).join('&'); - } - }, - - getValue: function(element) { - element = $(element); - var method = element.tagName.toLowerCase(); - var parameter = Form.Element.Serializers[method](element); - - if (parameter) - return parameter[1]; - } -} - -Form.Element.Serializers = { - input: function(element) { - switch (element.type.toLowerCase()) { - case 'submit': - case 'hidden': - case 'password': - case 'text': - return Form.Element.Serializers.textarea(element); - case 'checkbox': - case 'radio': - return Form.Element.Serializers.inputSelector(element); - } - return false; - }, - - inputSelector: function(element) { - if (element.checked) - return [element.name, element.value]; - }, - - textarea: function(element) { - return [element.name, element.value]; - }, - - select: function(element) { - return Form.Element.Serializers[element.type == 'select-one' ? - 'selectOne' : 'selectMany'](element); - }, - - selectOne: function(element) { - var value = '', opt, index = element.selectedIndex; - if (index >= 0) { - opt = element.options[index]; - value = opt.value || opt.text; - } - return [element.name, value]; - }, - - selectMany: function(element) { - var value = []; - for (var i = 0; i < element.length; i++) { - var opt = element.options[i]; - if (opt.selected) - value.push(opt.value || opt.text); - } - return [element.name, value]; - } -} - -/*--------------------------------------------------------------------------*/ - -var $F = Form.Element.getValue; - -/*--------------------------------------------------------------------------*/ - -Abstract.TimedObserver = function() {} -Abstract.TimedObserver.prototype = { - initialize: function(element, frequency, callback) { - this.frequency = frequency; - this.element = $(element); - this.callback = callback; - - this.lastValue = this.getValue(); - this.registerCallback(); - }, - - registerCallback: function() { - setInterval(this.onTimerEvent.bind(this), this.frequency * 1000); - }, - - onTimerEvent: function() { - var value = this.getValue(); - if (this.lastValue != value) { - this.callback(this.element, value); - this.lastValue = value; - } - } -} - -Form.Element.Observer = Class.create(); -Form.Element.Observer.prototype = Object.extend(new Abstract.TimedObserver(), { - getValue: function() { - return Form.Element.getValue(this.element); - } -}); - -Form.Observer = Class.create(); -Form.Observer.prototype = Object.extend(new Abstract.TimedObserver(), { - getValue: function() { - return Form.serialize(this.element); - } -}); - -/*--------------------------------------------------------------------------*/ - -Abstract.EventObserver = function() {} -Abstract.EventObserver.prototype = { - initialize: function(element, callback) { - this.element = $(element); - this.callback = callback; - - this.lastValue = this.getValue(); - if (this.element.tagName.toLowerCase() == 'form') - this.registerFormCallbacks(); - else - this.registerCallback(this.element); - }, - - onElementEvent: function() { - var value = this.getValue(); - if (this.lastValue != value) { - this.callback(this.element, value); - this.lastValue = value; - } - }, - - registerFormCallbacks: function() { - var elements = Form.getElements(this.element); - for (var i = 0; i < elements.length; i++) - this.registerCallback(elements[i]); - }, - - registerCallback: function(element) { - if (element.type) { - switch (element.type.toLowerCase()) { - case 'checkbox': - case 'radio': - Event.observe(element, 'click', this.onElementEvent.bind(this)); - break; - case 'password': - case 'text': - case 'textarea': - case 'select-one': - case 'select-multiple': - Event.observe(element, 'change', this.onElementEvent.bind(this)); - break; - } - } - } -} - -Form.Element.EventObserver = Class.create(); -Form.Element.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), { - getValue: function() { - return Form.Element.getValue(this.element); - } -}); - -Form.EventObserver = Class.create(); -Form.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), { - getValue: function() { - return Form.serialize(this.element); - } -}); -if (!window.Event) { - var Event = new Object(); -} - -Object.extend(Event, { - KEY_BACKSPACE: 8, - KEY_TAB: 9, - KEY_RETURN: 13, - KEY_ESC: 27, - KEY_LEFT: 37, - KEY_UP: 38, - KEY_RIGHT: 39, - KEY_DOWN: 40, - KEY_DELETE: 46, - - element: function(event) { - return event.target || event.srcElement; - }, - - isLeftClick: function(event) { - return (((event.which) && (event.which == 1)) || - ((event.button) && (event.button == 1))); - }, - - pointerX: function(event) { - return event.pageX || (event.clientX + - (document.documentElement.scrollLeft || document.body.scrollLeft)); - }, - - pointerY: function(event) { - return event.pageY || (event.clientY + - (document.documentElement.scrollTop || document.body.scrollTop)); - }, - - stop: function(event) { - if (event.preventDefault) { - event.preventDefault(); - event.stopPropagation(); - } else { - event.returnValue = false; - event.cancelBubble = true; - } - }, - - // find the first node with the given tagName, starting from the - // node the event was triggered on; traverses the DOM upwards - findElement: function(event, tagName) { - var element = Event.element(event); - while (element.parentNode && (!element.tagName || - (element.tagName.toUpperCase() != tagName.toUpperCase()))) - element = element.parentNode; - return element; - }, - - observers: false, - - _observeAndCache: function(element, name, observer, useCapture) { - if (!this.observers) this.observers = []; - if (element.addEventListener) { - this.observers.push([element, name, observer, useCapture]); - element.addEventListener(name, observer, useCapture); - } else if (element.attachEvent) { - this.observers.push([element, name, observer, useCapture]); - element.attachEvent('on' + name, observer); - } - }, - - unloadCache: function() { - if (!Event.observers) return; - for (var i = 0; i < Event.observers.length; i++) { - Event.stopObserving.apply(this, Event.observers[i]); - Event.observers[i][0] = null; - } - Event.observers = false; - }, - - observe: function(element, name, observer, useCapture) { - var element = $(element); - useCapture = useCapture || false; - - if (name == 'keypress' && - (navigator.appVersion.match(/Konqueror|Safari|KHTML/) - || element.attachEvent)) - name = 'keydown'; - - this._observeAndCache(element, name, observer, useCapture); - }, - - stopObserving: function(element, name, observer, useCapture) { - var element = $(element); - useCapture = useCapture || false; - - if (name == 'keypress' && - (navigator.appVersion.match(/Konqueror|Safari|KHTML/) - || element.detachEvent)) - name = 'keydown'; - - if (element.removeEventListener) { - element.removeEventListener(name, observer, useCapture); - } else if (element.detachEvent) { - element.detachEvent('on' + name, observer); - } - } -}); - -/* prevent memory leaks in IE */ -if (navigator.appVersion.match(/\bMSIE\b/)) - Event.observe(window, 'unload', Event.unloadCache, false); -var Position = { - // set to true if needed, warning: firefox performance problems - // NOT neeeded for page scrolling, only if draggable contained in - // scrollable elements - includeScrollOffsets: false, - - // must be called before calling withinIncludingScrolloffset, every time the - // page is scrolled - prepare: function() { - this.deltaX = window.pageXOffset - || document.documentElement.scrollLeft - || document.body.scrollLeft - || 0; - this.deltaY = window.pageYOffset - || document.documentElement.scrollTop - || document.body.scrollTop - || 0; - }, - - realOffset: function(element) { - var valueT = 0, valueL = 0; - do { - valueT += element.scrollTop || 0; - valueL += element.scrollLeft || 0; - element = element.parentNode; - } while (element); - return [valueL, valueT]; - }, - - cumulativeOffset: function(element) { - var valueT = 0, valueL = 0; - do { - valueT += element.offsetTop || 0; - valueL += element.offsetLeft || 0; - element = element.offsetParent; - } while (element); - return [valueL, valueT]; - }, - - positionedOffset: function(element) { - var valueT = 0, valueL = 0; - do { - valueT += element.offsetTop || 0; - valueL += element.offsetLeft || 0; - element = element.offsetParent; - if (element) { - p = Element.getStyle(element, 'position'); - if (p == 'relative' || p == 'absolute') break; - } - } while (element); - return [valueL, valueT]; - }, - - offsetParent: function(element) { - if (element.offsetParent) return element.offsetParent; - if (element == document.body) return element; - - while ((element = element.parentNode) && element != document.body) - if (Element.getStyle(element, 'position') != 'static') - return element; - - return document.body; - }, - - // caches x/y coordinate pair to use with overlap - within: function(element, x, y) { - if (this.includeScrollOffsets) - return this.withinIncludingScrolloffsets(element, x, y); - this.xcomp = x; - this.ycomp = y; - this.offset = this.cumulativeOffset(element); - - return (y >= this.offset[1] && - y < this.offset[1] + element.offsetHeight && - x >= this.offset[0] && - x < this.offset[0] + element.offsetWidth); - }, - - withinIncludingScrolloffsets: function(element, x, y) { - var offsetcache = this.realOffset(element); - - this.xcomp = x + offsetcache[0] - this.deltaX; - this.ycomp = y + offsetcache[1] - this.deltaY; - this.offset = this.cumulativeOffset(element); - - return (this.ycomp >= this.offset[1] && - this.ycomp < this.offset[1] + element.offsetHeight && - this.xcomp >= this.offset[0] && - this.xcomp < this.offset[0] + element.offsetWidth); - }, - - // within must be called directly before - overlap: function(mode, element) { - if (!mode) return 0; - if (mode == 'vertical') - return ((this.offset[1] + element.offsetHeight) - this.ycomp) / - element.offsetHeight; - if (mode == 'horizontal') - return ((this.offset[0] + element.offsetWidth) - this.xcomp) / - element.offsetWidth; - }, - - clone: function(source, target) { - source = $(source); - target = $(target); - target.style.position = 'absolute'; - var offsets = this.cumulativeOffset(source); - target.style.top = offsets[1] + 'px'; - target.style.left = offsets[0] + 'px'; - target.style.width = source.offsetWidth + 'px'; - target.style.height = source.offsetHeight + 'px'; - }, - - page: function(forElement) { - var valueT = 0, valueL = 0; - - var element = forElement; - do { - valueT += element.offsetTop || 0; - valueL += element.offsetLeft || 0; - - // Safari fix - if (element.offsetParent==document.body) - if (Element.getStyle(element,'position')=='absolute') break; - - } while (element = element.offsetParent); - - element = forElement; - do { - valueT -= element.scrollTop || 0; - valueL -= element.scrollLeft || 0; - } while (element = element.parentNode); - - return [valueL, valueT]; - }, - - clone: function(source, target) { - var options = Object.extend({ - setLeft: true, - setTop: true, - setWidth: true, - setHeight: true, - offsetTop: 0, - offsetLeft: 0 - }, arguments[2] || {}) - - // find page position of source - source = $(source); - var p = Position.page(source); - - // find coordinate system to use - target = $(target); - var delta = [0, 0]; - var parent = null; - // delta [0,0] will do fine with position: fixed elements, - // position:absolute needs offsetParent deltas - if (Element.getStyle(target,'position') == 'absolute') { - parent = Position.offsetParent(target); - delta = Position.page(parent); - } - - // correct by body offsets (fixes Safari) - if (parent == document.body) { - delta[0] -= document.body.offsetLeft; - delta[1] -= document.body.offsetTop; - } - - // set position - if(options.setLeft) target.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px'; - if(options.setTop) target.style.top = (p[1] - delta[1] + options.offsetTop) + 'px'; - if(options.setWidth) target.style.width = source.offsetWidth + 'px'; - if(options.setHeight) target.style.height = source.offsetHeight + 'px'; - }, - - absolutize: function(element) { - element = $(element); - if (element.style.position == 'absolute') return; - Position.prepare(); - - var offsets = Position.positionedOffset(element); - var top = offsets[1]; - var left = offsets[0]; - var width = element.clientWidth; - var height = element.clientHeight; - - element._originalLeft = left - parseFloat(element.style.left || 0); - element._originalTop = top - parseFloat(element.style.top || 0); - element._originalWidth = element.style.width; - element._originalHeight = element.style.height; - - element.style.position = 'absolute'; - element.style.top = top + 'px';; - element.style.left = left + 'px';; - element.style.width = width + 'px';; - element.style.height = height + 'px';; - }, - - relativize: function(element) { - element = $(element); - if (element.style.position == 'relative') return; - Position.prepare(); - - element.style.position = 'relative'; - var top = parseFloat(element.style.top || 0) - (element._originalTop || 0); - var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0); - - element.style.top = top + 'px'; - element.style.left = left + 'px'; - element.style.height = element._originalHeight; - element.style.width = element._originalWidth; - } -} - -// Safari returns margins on body which is incorrect if the child is absolutely -// positioned. For performance reasons, redefine Position.cumulativeOffset for -// KHTML/WebKit only. -if (/Konqueror|Safari|KHTML/.test(navigator.userAgent)) { - Position.cumulativeOffset = function(element) { - var valueT = 0, valueL = 0; - do { - valueT += element.offsetTop || 0; - valueL += element.offsetLeft || 0; - if (element.offsetParent == document.body) - if (Element.getStyle(element, 'position') == 'absolute') break; - - element = element.offsetParent; - } while (element); - - return [valueL, valueT]; - } -} \ No newline at end of file diff --git a/manualtests/core/lib/scriptaculous/builder.js b/manualtests/core/lib/scriptaculous/builder.js deleted file mode 100644 index 5b15ba9..0000000 --- a/manualtests/core/lib/scriptaculous/builder.js +++ /dev/null @@ -1,101 +0,0 @@ -// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) -// -// See scriptaculous.js for full license. - -var Builder = { - NODEMAP: { - AREA: 'map', - CAPTION: 'table', - COL: 'table', - COLGROUP: 'table', - LEGEND: 'fieldset', - OPTGROUP: 'select', - OPTION: 'select', - PARAM: 'object', - TBODY: 'table', - TD: 'table', - TFOOT: 'table', - TH: 'table', - THEAD: 'table', - TR: 'table' - }, - // note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken, - // due to a Firefox bug - node: function(elementName) { - elementName = elementName.toUpperCase(); - - // try innerHTML approach - var parentTag = this.NODEMAP[elementName] || 'div'; - var parentElement = document.createElement(parentTag); - try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707 - parentElement.innerHTML = "<" + elementName + ">"; - } catch(e) {} - var element = parentElement.firstChild || null; - - // see if browser added wrapping tags - if(element && (element.tagName != elementName)) - element = element.getElementsByTagName(elementName)[0]; - - // fallback to createElement approach - if(!element) element = document.createElement(elementName); - - // abort if nothing could be created - if(!element) return; - - // attributes (or text) - if(arguments[1]) - if(this._isStringOrNumber(arguments[1]) || - (arguments[1] instanceof Array)) { - this._children(element, arguments[1]); - } else { - var attrs = this._attributes(arguments[1]); - if(attrs.length) { - try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707 - parentElement.innerHTML = "<" +elementName + " " + - attrs + ">"; - } catch(e) {} - element = parentElement.firstChild || null; - // workaround firefox 1.0.X bug - if(!element) { - element = document.createElement(elementName); - for(attr in arguments[1]) - element[attr == 'class' ? 'className' : attr] = arguments[1][attr]; - } - if(element.tagName != elementName) - element = parentElement.getElementsByTagName(elementName)[0]; - } - } - - // text, or array of children - if(arguments[2]) - this._children(element, arguments[2]); - - return element; - }, - _text: function(text) { - return document.createTextNode(text); - }, - _attributes: function(attributes) { - var attrs = []; - for(attribute in attributes) - attrs.push((attribute=='className' ? 'class' : attribute) + - '="' + attributes[attribute].toString().escapeHTML() + '"'); - return attrs.join(" "); - }, - _children: function(element, children) { - if(typeof children=='object') { // array can hold nodes and text - children.flatten().each( function(e) { - if(typeof e=='object') - element.appendChild(e) - else - if(Builder._isStringOrNumber(e)) - element.appendChild(Builder._text(e)); - }); - } else - if(Builder._isStringOrNumber(children)) - element.appendChild(Builder._text(children)); - }, - _isStringOrNumber: function(param) { - return(typeof param=='string' || typeof param=='number'); - } -} \ No newline at end of file diff --git a/manualtests/core/lib/scriptaculous/controls.js b/manualtests/core/lib/scriptaculous/controls.js deleted file mode 100644 index de0261e..0000000 --- a/manualtests/core/lib/scriptaculous/controls.js +++ /dev/null @@ -1,815 +0,0 @@ -// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) -// (c) 2005 Ivan Krstic (http://blogs.law.harvard.edu/ivan) -// (c) 2005 Jon Tirsen (http://www.tirsen.com) -// Contributors: -// Richard Livsey -// Rahul Bhargava -// Rob Wills -// -// See scriptaculous.js for full license. - -// Autocompleter.Base handles all the autocompletion functionality -// that's independent of the data source for autocompletion. This -// includes drawing the autocompletion menu, observing keyboard -// and mouse events, and similar. -// -// Specific autocompleters need to provide, at the very least, -// a getUpdatedChoices function that will be invoked every time -// the text inside the monitored textbox changes. This method -// should get the text for which to provide autocompletion by -// invoking this.getToken(), NOT by directly accessing -// this.element.value. This is to allow incremental tokenized -// autocompletion. Specific auto-completion logic (AJAX, etc) -// belongs in getUpdatedChoices. -// -// Tokenized incremental autocompletion is enabled automatically -// when an autocompleter is instantiated with the 'tokens' option -// in the options parameter, e.g.: -// new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' }); -// will incrementally autocomplete with a comma as the token. -// Additionally, ',' in the above example can be replaced with -// a token array, e.g. { tokens: [',', '\n'] } which -// enables autocompletion on multiple tokens. This is most -// useful when one of the tokens is \n (a newline), as it -// allows smart autocompletion after linebreaks. - -var Autocompleter = {} -Autocompleter.Base = function() {}; -Autocompleter.Base.prototype = { - baseInitialize: function(element, update, options) { - this.element = $(element); - this.update = $(update); - this.hasFocus = false; - this.changed = false; - this.active = false; - this.index = 0; - this.entryCount = 0; - - if (this.setOptions) - this.setOptions(options); - else - this.options = options || {}; - - this.options.paramName = this.options.paramName || this.element.name; - this.options.tokens = this.options.tokens || []; - this.options.frequency = this.options.frequency || 0.4; - this.options.minChars = this.options.minChars || 1; - this.options.onShow = this.options.onShow || - function(element, update){ - if(!update.style.position || update.style.position=='absolute') { - update.style.position = 'absolute'; - Position.clone(element, update, {setHeight: false, offsetTop: element.offsetHeight}); - } - Effect.Appear(update,{duration:0.15}); - }; - this.options.onHide = this.options.onHide || - function(element, update){ new Effect.Fade(update,{duration:0.15}) }; - - if (typeof(this.options.tokens) == 'string') - this.options.tokens = new Array(this.options.tokens); - - this.observer = null; - - this.element.setAttribute('autocomplete','off'); - - Element.hide(this.update); - - Event.observe(this.element, "blur", this.onBlur.bindAsEventListener(this)); - Event.observe(this.element, "keypress", this.onKeyPress.bindAsEventListener(this)); - }, - - show: function() { - if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update); - if(!this.iefix && - (navigator.appVersion.indexOf('MSIE')>0) && - (navigator.userAgent.indexOf('Opera')<0) && - (Element.getStyle(this.update, 'position')=='absolute')) { - new Insertion.After(this.update, - ''); - this.iefix = $(this.update.id+'_iefix'); - } - if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50); - }, - - fixIEOverlapping: function() { - Position.clone(this.update, this.iefix); - this.iefix.style.zIndex = 1; - this.update.style.zIndex = 2; - Element.show(this.iefix); - }, - - hide: function() { - this.stopIndicator(); - if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update); - if(this.iefix) Element.hide(this.iefix); - }, - - startIndicator: function() { - if(this.options.indicator) Element.show(this.options.indicator); - }, - - stopIndicator: function() { - if(this.options.indicator) Element.hide(this.options.indicator); - }, - - onKeyPress: function(event) { - if(this.active) - switch(event.keyCode) { - case Event.KEY_TAB: - case Event.KEY_RETURN: - this.selectEntry(); - Event.stop(event); - case Event.KEY_ESC: - this.hide(); - this.active = false; - Event.stop(event); - return; - case Event.KEY_LEFT: - case Event.KEY_RIGHT: - return; - case Event.KEY_UP: - this.markPrevious(); - this.render(); - if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event); - return; - case Event.KEY_DOWN: - this.markNext(); - this.render(); - if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event); - return; - } - else - if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN || - (navigator.appVersion.indexOf('AppleWebKit') > 0 && event.keyCode == 0)) return; - - this.changed = true; - this.hasFocus = true; - - if(this.observer) clearTimeout(this.observer); - this.observer = - setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000); - }, - - activate: function() { - this.changed = false; - this.hasFocus = true; - this.getUpdatedChoices(); - }, - - onHover: function(event) { - var element = Event.findElement(event, 'LI'); - if(this.index != element.autocompleteIndex) - { - this.index = element.autocompleteIndex; - this.render(); - } - Event.stop(event); - }, - - onClick: function(event) { - var element = Event.findElement(event, 'LI'); - this.index = element.autocompleteIndex; - this.selectEntry(); - this.hide(); - }, - - onBlur: function(event) { - // needed to make click events working - setTimeout(this.hide.bind(this), 250); - this.hasFocus = false; - this.active = false; - }, - - render: function() { - if(this.entryCount > 0) { - for (var i = 0; i < this.entryCount; i++) - this.index==i ? - Element.addClassName(this.getEntry(i),"selected") : - Element.removeClassName(this.getEntry(i),"selected"); - - if(this.hasFocus) { - this.show(); - this.active = true; - } - } else { - this.active = false; - this.hide(); - } - }, - - markPrevious: function() { - if(this.index > 0) this.index-- - else this.index = this.entryCount-1; - }, - - markNext: function() { - if(this.index < this.entryCount-1) this.index++ - else this.index = 0; - }, - - getEntry: function(index) { - return this.update.firstChild.childNodes[index]; - }, - - getCurrentEntry: function() { - return this.getEntry(this.index); - }, - - selectEntry: function() { - this.active = false; - this.updateElement(this.getCurrentEntry()); - }, - - updateElement: function(selectedElement) { - if (this.options.updateElement) { - this.options.updateElement(selectedElement); - return; - } - var value = ''; - if (this.options.select) { - var nodes = document.getElementsByClassName(this.options.select, selectedElement) || []; - if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select); - } else - value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal'); - - var lastTokenPos = this.findLastToken(); - if (lastTokenPos != -1) { - var newValue = this.element.value.substr(0, lastTokenPos + 1); - var whitespace = this.element.value.substr(lastTokenPos + 1).match(/^\s+/); - if (whitespace) - newValue += whitespace[0]; - this.element.value = newValue + value; - } else { - this.element.value = value; - } - this.element.focus(); - - if (this.options.afterUpdateElement) - this.options.afterUpdateElement(this.element, selectedElement); - }, - - updateChoices: function(choices) { - if(!this.changed && this.hasFocus) { - this.update.innerHTML = choices; - Element.cleanWhitespace(this.update); - Element.cleanWhitespace(this.update.firstChild); - - if(this.update.firstChild && this.update.firstChild.childNodes) { - this.entryCount = - this.update.firstChild.childNodes.length; - for (var i = 0; i < this.entryCount; i++) { - var entry = this.getEntry(i); - entry.autocompleteIndex = i; - this.addObservers(entry); - } - } else { - this.entryCount = 0; - } - - this.stopIndicator(); - - this.index = 0; - this.render(); - } - }, - - addObservers: function(element) { - Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this)); - Event.observe(element, "click", this.onClick.bindAsEventListener(this)); - }, - - onObserverEvent: function() { - this.changed = false; - if(this.getToken().length>=this.options.minChars) { - this.startIndicator(); - this.getUpdatedChoices(); - } else { - this.active = false; - this.hide(); - } - }, - - getToken: function() { - var tokenPos = this.findLastToken(); - if (tokenPos != -1) - var ret = this.element.value.substr(tokenPos + 1).replace(/^\s+/,'').replace(/\s+$/,''); - else - var ret = this.element.value; - - return /\n/.test(ret) ? '' : ret; - }, - - findLastToken: function() { - var lastTokenPos = -1; - - for (var i=0; i lastTokenPos) - lastTokenPos = thisTokenPos; - } - return lastTokenPos; - } -} - -Ajax.Autocompleter = Class.create(); -Object.extend(Object.extend(Ajax.Autocompleter.prototype, Autocompleter.Base.prototype), { - initialize: function(element, update, url, options) { - this.baseInitialize(element, update, options); - this.options.asynchronous = true; - this.options.onComplete = this.onComplete.bind(this); - this.options.defaultParams = this.options.parameters || null; - this.url = url; - }, - - getUpdatedChoices: function() { - entry = encodeURIComponent(this.options.paramName) + '=' + - encodeURIComponent(this.getToken()); - - this.options.parameters = this.options.callback ? - this.options.callback(this.element, entry) : entry; - - if(this.options.defaultParams) - this.options.parameters += '&' + this.options.defaultParams; - - new Ajax.Request(this.url, this.options); - }, - - onComplete: function(request) { - this.updateChoices(request.responseText); - } - -}); - -// The local array autocompleter. Used when you'd prefer to -// inject an array of autocompletion options into the page, rather -// than sending out Ajax queries, which can be quite slow sometimes. -// -// The constructor takes four parameters. The first two are, as usual, -// the id of the monitored textbox, and id of the autocompletion menu. -// The third is the array you want to autocomplete from, and the fourth -// is the options block. -// -// Extra local autocompletion options: -// - choices - How many autocompletion choices to offer -// -// - partialSearch - If false, the autocompleter will match entered -// text only at the beginning of strings in the -// autocomplete array. Defaults to true, which will -// match text at the beginning of any *word* in the -// strings in the autocomplete array. If you want to -// search anywhere in the string, additionally set -// the option fullSearch to true (default: off). -// -// - fullSsearch - Search anywhere in autocomplete array strings. -// -// - partialChars - How many characters to enter before triggering -// a partial match (unlike minChars, which defines -// how many characters are required to do any match -// at all). Defaults to 2. -// -// - ignoreCase - Whether to ignore case when autocompleting. -// Defaults to true. -// -// It's possible to pass in a custom function as the 'selector' -// option, if you prefer to write your own autocompletion logic. -// In that case, the other options above will not apply unless -// you support them. - -Autocompleter.Local = Class.create(); -Autocompleter.Local.prototype = Object.extend(new Autocompleter.Base(), { - initialize: function(element, update, array, options) { - this.baseInitialize(element, update, options); - this.options.array = array; - }, - - getUpdatedChoices: function() { - this.updateChoices(this.options.selector(this)); - }, - - setOptions: function(options) { - this.options = Object.extend({ - choices: 10, - partialSearch: true, - partialChars: 2, - ignoreCase: true, - fullSearch: false, - selector: function(instance) { - var ret = []; // Beginning matches - var partial = []; // Inside matches - var entry = instance.getToken(); - var count = 0; - - for (var i = 0; i < instance.options.array.length && - ret.length < instance.options.choices ; i++) { - - var elem = instance.options.array[i]; - var foundPos = instance.options.ignoreCase ? - elem.toLowerCase().indexOf(entry.toLowerCase()) : - elem.indexOf(entry); - - while (foundPos != -1) { - if (foundPos == 0 && elem.length != entry.length) { - ret.push("
  • " + elem.substr(0, entry.length) + "" + - elem.substr(entry.length) + "
  • "); - break; - } else if (entry.length >= instance.options.partialChars && - instance.options.partialSearch && foundPos != -1) { - if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) { - partial.push("
  • " + elem.substr(0, foundPos) + "" + - elem.substr(foundPos, entry.length) + "" + elem.substr( - foundPos + entry.length) + "
  • "); - break; - } - } - - foundPos = instance.options.ignoreCase ? - elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) : - elem.indexOf(entry, foundPos + 1); - - } - } - if (partial.length) - ret = ret.concat(partial.slice(0, instance.options.choices - ret.length)) - return "
      " + ret.join('') + "
    "; - } - }, options || {}); - } -}); - -// AJAX in-place editor -// -// see documentation on http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor - -// Use this if you notice weird scrolling problems on some browsers, -// the DOM might be a bit confused when this gets called so do this -// waits 1 ms (with setTimeout) until it does the activation -Field.scrollFreeActivate = function(field) { - setTimeout(function() { - Field.activate(field); - }, 1); -} - -Ajax.InPlaceEditor = Class.create(); -Ajax.InPlaceEditor.defaultHighlightColor = "#FFFF99"; -Ajax.InPlaceEditor.prototype = { - initialize: function(element, url, options) { - this.url = url; - this.element = $(element); - - this.options = Object.extend({ - okButton: true, - okText: "ok", - cancelLink: true, - cancelText: "cancel", - savingText: "Saving...", - clickToEditText: "Click to edit", - okText: "ok", - rows: 1, - onComplete: function(transport, element) { - new Effect.Highlight(element, {startcolor: this.options.highlightcolor}); - }, - onFailure: function(transport) { - alert("Error communicating with the server: " + transport.responseText.stripTags()); - }, - callback: function(form) { - return Form.serialize(form); - }, - handleLineBreaks: true, - loadingText: 'Loading...', - savingClassName: 'inplaceeditor-saving', - loadingClassName: 'inplaceeditor-loading', - formClassName: 'inplaceeditor-form', - highlightcolor: Ajax.InPlaceEditor.defaultHighlightColor, - highlightendcolor: "#FFFFFF", - externalControl: null, - submitOnBlur: false, - ajaxOptions: {}, - evalScripts: false - }, options || {}); - - if(!this.options.formId && this.element.id) { - this.options.formId = this.element.id + "-inplaceeditor"; - if ($(this.options.formId)) { - // there's already a form with that name, don't specify an id - this.options.formId = null; - } - } - - if (this.options.externalControl) { - this.options.externalControl = $(this.options.externalControl); - } - - this.originalBackground = Element.getStyle(this.element, 'background-color'); - if (!this.originalBackground) { - this.originalBackground = "transparent"; - } - - this.element.title = this.options.clickToEditText; - - this.onclickListener = this.enterEditMode.bindAsEventListener(this); - this.mouseoverListener = this.enterHover.bindAsEventListener(this); - this.mouseoutListener = this.leaveHover.bindAsEventListener(this); - Event.observe(this.element, 'click', this.onclickListener); - Event.observe(this.element, 'mouseover', this.mouseoverListener); - Event.observe(this.element, 'mouseout', this.mouseoutListener); - if (this.options.externalControl) { - Event.observe(this.options.externalControl, 'click', this.onclickListener); - Event.observe(this.options.externalControl, 'mouseover', this.mouseoverListener); - Event.observe(this.options.externalControl, 'mouseout', this.mouseoutListener); - } - }, - enterEditMode: function(evt) { - if (this.saving) return; - if (this.editing) return; - this.editing = true; - this.onEnterEditMode(); - if (this.options.externalControl) { - Element.hide(this.options.externalControl); - } - Element.hide(this.element); - this.createForm(); - this.element.parentNode.insertBefore(this.form, this.element); - Field.scrollFreeActivate(this.editField); - // stop the event to avoid a page refresh in Safari - if (evt) { - Event.stop(evt); - } - return false; - }, - createForm: function() { - this.form = document.createElement("form"); - this.form.id = this.options.formId; - Element.addClassName(this.form, this.options.formClassName) - this.form.onsubmit = this.onSubmit.bind(this); - - this.createEditField(); - - if (this.options.textarea) { - var br = document.createElement("br"); - this.form.appendChild(br); - } - - if (this.options.okButton) { - okButton = document.createElement("input"); - okButton.type = "submit"; - okButton.value = this.options.okText; - okButton.className = 'editor_ok_button'; - this.form.appendChild(okButton); - } - - if (this.options.cancelLink) { - cancelLink = document.createElement("a"); - cancelLink.href = "#"; - cancelLink.appendChild(document.createTextNode(this.options.cancelText)); - cancelLink.onclick = this.onclickCancel.bind(this); - cancelLink.className = 'editor_cancel'; - this.form.appendChild(cancelLink); - } - }, - hasHTMLLineBreaks: function(string) { - if (!this.options.handleLineBreaks) return false; - return string.match(/
    /i); - }, - convertHTMLLineBreaks: function(string) { - return string.replace(/
    /gi, "\n").replace(//gi, "\n").replace(/<\/p>/gi, "\n").replace(/

    /gi, ""); - }, - createEditField: function() { - var text; - if(this.options.loadTextURL) { - text = this.options.loadingText; - } else { - text = this.getText(); - } - - var obj = this; - - if (this.options.rows == 1 && !this.hasHTMLLineBreaks(text)) { - this.options.textarea = false; - var textField = document.createElement("input"); - textField.obj = this; - textField.type = "text"; - textField.name = "value"; - textField.value = text; - textField.style.backgroundColor = this.options.highlightcolor; - textField.className = 'editor_field'; - var size = this.options.size || this.options.cols || 0; - if (size != 0) textField.size = size; - if (this.options.submitOnBlur) - textField.onblur = this.onSubmit.bind(this); - this.editField = textField; - } else { - this.options.textarea = true; - var textArea = document.createElement("textarea"); - textArea.obj = this; - textArea.name = "value"; - textArea.value = this.convertHTMLLineBreaks(text); - textArea.rows = this.options.rows; - textArea.cols = this.options.cols || 40; - textArea.className = 'editor_field'; - if (this.options.submitOnBlur) - textArea.onblur = this.onSubmit.bind(this); - this.editField = textArea; - } - - if(this.options.loadTextURL) { - this.loadExternalText(); - } - this.form.appendChild(this.editField); - }, - getText: function() { - return this.element.innerHTML; - }, - loadExternalText: function() { - Element.addClassName(this.form, this.options.loadingClassName); - this.editField.disabled = true; - new Ajax.Request( - this.options.loadTextURL, - Object.extend({ - asynchronous: true, - onComplete: this.onLoadedExternalText.bind(this) - }, this.options.ajaxOptions) - ); - }, - onLoadedExternalText: function(transport) { - Element.removeClassName(this.form, this.options.loadingClassName); - this.editField.disabled = false; - this.editField.value = transport.responseText.stripTags(); - }, - onclickCancel: function() { - this.onComplete(); - this.leaveEditMode(); - return false; - }, - onFailure: function(transport) { - this.options.onFailure(transport); - if (this.oldInnerHTML) { - this.element.innerHTML = this.oldInnerHTML; - this.oldInnerHTML = null; - } - return false; - }, - onSubmit: function() { - // onLoading resets these so we need to save them away for the Ajax call - var form = this.form; - var value = this.editField.value; - - // do this first, sometimes the ajax call returns before we get a chance to switch on Saving... - // which means this will actually switch on Saving... *after* we've left edit mode causing Saving... - // to be displayed indefinitely - this.onLoading(); - - if (this.options.evalScripts) { - new Ajax.Request( - this.url, Object.extend({ - parameters: this.options.callback(form, value), - onComplete: this.onComplete.bind(this), - onFailure: this.onFailure.bind(this), - asynchronous:true, - evalScripts:true - }, this.options.ajaxOptions)); - } else { - new Ajax.Updater( - { success: this.element, - // don't update on failure (this could be an option) - failure: null }, - this.url, Object.extend({ - parameters: this.options.callback(form, value), - onComplete: this.onComplete.bind(this), - onFailure: this.onFailure.bind(this) - }, this.options.ajaxOptions)); - } - // stop the event to avoid a page refresh in Safari - if (arguments.length > 1) { - Event.stop(arguments[0]); - } - return false; - }, - onLoading: function() { - this.saving = true; - this.removeForm(); - this.leaveHover(); - this.showSaving(); - }, - showSaving: function() { - this.oldInnerHTML = this.element.innerHTML; - this.element.innerHTML = this.options.savingText; - Element.addClassName(this.element, this.options.savingClassName); - this.element.style.backgroundColor = this.originalBackground; - Element.show(this.element); - }, - removeForm: function() { - if(this.form) { - if (this.form.parentNode) Element.remove(this.form); - this.form = null; - } - }, - enterHover: function() { - if (this.saving) return; - this.element.style.backgroundColor = this.options.highlightcolor; - if (this.effect) { - this.effect.cancel(); - } - Element.addClassName(this.element, this.options.hoverClassName) - }, - leaveHover: function() { - if (this.options.backgroundColor) { - this.element.style.backgroundColor = this.oldBackground; - } - Element.removeClassName(this.element, this.options.hoverClassName) - if (this.saving) return; - this.effect = new Effect.Highlight(this.element, { - startcolor: this.options.highlightcolor, - endcolor: this.options.highlightendcolor, - restorecolor: this.originalBackground - }); - }, - leaveEditMode: function() { - Element.removeClassName(this.element, this.options.savingClassName); - this.removeForm(); - this.leaveHover(); - this.element.style.backgroundColor = this.originalBackground; - Element.show(this.element); - if (this.options.externalControl) { - Element.show(this.options.externalControl); - } - this.editing = false; - this.saving = false; - this.oldInnerHTML = null; - this.onLeaveEditMode(); - }, - onComplete: function(transport) { - this.leaveEditMode(); - this.options.onComplete.bind(this)(transport, this.element); - }, - onEnterEditMode: function() {}, - onLeaveEditMode: function() {}, - dispose: function() { - if (this.oldInnerHTML) { - this.element.innerHTML = this.oldInnerHTML; - } - this.leaveEditMode(); - Event.stopObserving(this.element, 'click', this.onclickListener); - Event.stopObserving(this.element, 'mouseover', this.mouseoverListener); - Event.stopObserving(this.element, 'mouseout', this.mouseoutListener); - if (this.options.externalControl) { - Event.stopObserving(this.options.externalControl, 'click', this.onclickListener); - Event.stopObserving(this.options.externalControl, 'mouseover', this.mouseoverListener); - Event.stopObserving(this.options.externalControl, 'mouseout', this.mouseoutListener); - } - } -}; - -Ajax.InPlaceCollectionEditor = Class.create(); -Object.extend(Ajax.InPlaceCollectionEditor.prototype, Ajax.InPlaceEditor.prototype); -Object.extend(Ajax.InPlaceCollectionEditor.prototype, { - createEditField: function() { - if (!this.cached_selectTag) { - var selectTag = document.createElement("select"); - var collection = this.options.collection || []; - var optionTag; - collection.each(function(e,i) { - optionTag = document.createElement("option"); - optionTag.value = (e instanceof Array) ? e[0] : e; - if(this.options.value==optionTag.value) optionTag.selected = true; - optionTag.appendChild(document.createTextNode((e instanceof Array) ? e[1] : e)); - selectTag.appendChild(optionTag); - }.bind(this)); - this.cached_selectTag = selectTag; - } - - this.editField = this.cached_selectTag; - if(this.options.loadTextURL) this.loadExternalText(); - this.form.appendChild(this.editField); - this.options.callback = function(form, value) { - return "value=" + encodeURIComponent(value); - } - } -}); - -// Delayed observer, like Form.Element.Observer, -// but waits for delay after last key input -// Ideal for live-search fields - -Form.Element.DelayedObserver = Class.create(); -Form.Element.DelayedObserver.prototype = { - initialize: function(element, delay, callback) { - this.delay = delay || 0.5; - this.element = $(element); - this.callback = callback; - this.timer = null; - this.lastValue = $F(this.element); - Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this)); - }, - delayedListener: function(event) { - if(this.lastValue == $F(this.element)) return; - if(this.timer) clearTimeout(this.timer); - this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000); - this.lastValue = $F(this.element); - }, - onTimerEvent: function() { - this.timer = null; - this.callback(this.element, $F(this.element)); - } -}; diff --git a/manualtests/core/lib/scriptaculous/dragdrop.js b/manualtests/core/lib/scriptaculous/dragdrop.js deleted file mode 100644 index be2a30f..0000000 --- a/manualtests/core/lib/scriptaculous/dragdrop.js +++ /dev/null @@ -1,915 +0,0 @@ -// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) -// (c) 2005 Sammi Williams (http://www.oriontransfer.co.nz, sammi@oriontransfer.co.nz) -// -// See scriptaculous.js for full license. - -/*--------------------------------------------------------------------------*/ - -var Droppables = { - drops: [], - - remove: function(element) { - this.drops = this.drops.reject(function(d) { return d.element==$(element) }); - }, - - add: function(element) { - element = $(element); - var options = Object.extend({ - greedy: true, - hoverclass: null, - tree: false - }, arguments[1] || {}); - - // cache containers - if(options.containment) { - options._containers = []; - var containment = options.containment; - if((typeof containment == 'object') && - (containment.constructor == Array)) { - containment.each( function(c) { options._containers.push($(c)) }); - } else { - options._containers.push($(containment)); - } - } - - if(options.accept) options.accept = [options.accept].flatten(); - - Element.makePositioned(element); // fix IE - options.element = element; - - this.drops.push(options); - }, - - findDeepestChild: function(drops) { - deepest = drops[0]; - - for (i = 1; i < drops.length; ++i) - if (Element.isParent(drops[i].element, deepest.element)) - deepest = drops[i]; - - return deepest; - }, - - isContained: function(element, drop) { - var containmentNode; - if(drop.tree) { - containmentNode = element.treeNode; - } else { - containmentNode = element.parentNode; - } - return drop._containers.detect(function(c) { return containmentNode == c }); - }, - - isAffected: function(point, element, drop) { - return ( - (drop.element!=element) && - ((!drop._containers) || - this.isContained(element, drop)) && - ((!drop.accept) || - (Element.classNames(element).detect( - function(v) { return drop.accept.include(v) } ) )) && - Position.within(drop.element, point[0], point[1]) ); - }, - - deactivate: function(drop) { - if(drop.hoverclass) - Element.removeClassName(drop.element, drop.hoverclass); - this.last_active = null; - }, - - activate: function(drop) { - if(drop.hoverclass) - Element.addClassName(drop.element, drop.hoverclass); - this.last_active = drop; - }, - - show: function(point, element) { - if(!this.drops.length) return; - var affected = []; - - if(this.last_active) this.deactivate(this.last_active); - this.drops.each( function(drop) { - if(Droppables.isAffected(point, element, drop)) - affected.push(drop); - }); - - if(affected.length>0) { - drop = Droppables.findDeepestChild(affected); - Position.within(drop.element, point[0], point[1]); - if(drop.onHover) - drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element)); - - Droppables.activate(drop); - } - }, - - fire: function(event, element) { - if(!this.last_active) return; - Position.prepare(); - - if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active)) - if (this.last_active.onDrop) - this.last_active.onDrop(element, this.last_active.element, event); - }, - - reset: function() { - if(this.last_active) - this.deactivate(this.last_active); - } -} - -var Draggables = { - drags: [], - observers: [], - - register: function(draggable) { - if(this.drags.length == 0) { - this.eventMouseUp = this.endDrag.bindAsEventListener(this); - this.eventMouseMove = this.updateDrag.bindAsEventListener(this); - this.eventKeypress = this.keyPress.bindAsEventListener(this); - - Event.observe(document, "mouseup", this.eventMouseUp); - Event.observe(document, "mousemove", this.eventMouseMove); - Event.observe(document, "keypress", this.eventKeypress); - } - this.drags.push(draggable); - }, - - unregister: function(draggable) { - this.drags = this.drags.reject(function(d) { return d==draggable }); - if(this.drags.length == 0) { - Event.stopObserving(document, "mouseup", this.eventMouseUp); - Event.stopObserving(document, "mousemove", this.eventMouseMove); - Event.stopObserving(document, "keypress", this.eventKeypress); - } - }, - - activate: function(draggable) { - window.focus(); // allows keypress events if window isn't currently focused, fails for Safari - this.activeDraggable = draggable; - }, - - deactivate: function() { - this.activeDraggable = null; - }, - - updateDrag: function(event) { - if(!this.activeDraggable) return; - var pointer = [Event.pointerX(event), Event.pointerY(event)]; - // Mozilla-based browsers fire successive mousemove events with - // the same coordinates, prevent needless redrawing (moz bug?) - if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return; - this._lastPointer = pointer; - this.activeDraggable.updateDrag(event, pointer); - }, - - endDrag: function(event) { - if(!this.activeDraggable) return; - this._lastPointer = null; - this.activeDraggable.endDrag(event); - this.activeDraggable = null; - }, - - keyPress: function(event) { - if(this.activeDraggable) - this.activeDraggable.keyPress(event); - }, - - addObserver: function(observer) { - this.observers.push(observer); - this._cacheObserverCallbacks(); - }, - - removeObserver: function(element) { // element instead of observer fixes mem leaks - this.observers = this.observers.reject( function(o) { return o.element==element }); - this._cacheObserverCallbacks(); - }, - - notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag' - if(this[eventName+'Count'] > 0) - this.observers.each( function(o) { - if(o[eventName]) o[eventName](eventName, draggable, event); - }); - }, - - _cacheObserverCallbacks: function() { - ['onStart','onEnd','onDrag'].each( function(eventName) { - Draggables[eventName+'Count'] = Draggables.observers.select( - function(o) { return o[eventName]; } - ).length; - }); - } -} - -/*--------------------------------------------------------------------------*/ - -var Draggable = Class.create(); -Draggable.prototype = { - initialize: function(element) { - var options = Object.extend({ - handle: false, - starteffect: function(element) { - element._opacity = Element.getOpacity(element); - new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7}); - }, - reverteffect: function(element, top_offset, left_offset) { - var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02; - element._revert = new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur}); - }, - endeffect: function(element) { - var toOpacity = typeof element._opacity == 'number' ? element._opacity : 1.0 - new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity}); - }, - zindex: 1000, - revert: false, - scroll: false, - scrollSensitivity: 20, - scrollSpeed: 15, - snap: false // false, or xy or [x,y] or function(x,y){ return [x,y] } - }, arguments[1] || {}); - - this.element = $(element); - - if(options.handle && (typeof options.handle == 'string')) { - var h = Element.childrenWithClassName(this.element, options.handle, true); - if(h.length>0) this.handle = h[0]; - } - if(!this.handle) this.handle = $(options.handle); - if(!this.handle) this.handle = this.element; - - if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) - options.scroll = $(options.scroll); - - Element.makePositioned(this.element); // fix IE - - this.delta = this.currentDelta(); - this.options = options; - this.dragging = false; - - this.eventMouseDown = this.initDrag.bindAsEventListener(this); - Event.observe(this.handle, "mousedown", this.eventMouseDown); - - Draggables.register(this); - }, - - destroy: function() { - Event.stopObserving(this.handle, "mousedown", this.eventMouseDown); - Draggables.unregister(this); - }, - - currentDelta: function() { - return([ - parseInt(Element.getStyle(this.element,'left') || '0'), - parseInt(Element.getStyle(this.element,'top') || '0')]); - }, - - initDrag: function(event) { - if(Event.isLeftClick(event)) { - // abort on form elements, fixes a Firefox issue - var src = Event.element(event); - if(src.tagName && ( - src.tagName=='INPUT' || - src.tagName=='SELECT' || - src.tagName=='OPTION' || - src.tagName=='BUTTON' || - src.tagName=='TEXTAREA')) return; - - if(this.element._revert) { - this.element._revert.cancel(); - this.element._revert = null; - } - - var pointer = [Event.pointerX(event), Event.pointerY(event)]; - var pos = Position.cumulativeOffset(this.element); - this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) }); - - Draggables.activate(this); - Event.stop(event); - } - }, - - startDrag: function(event) { - this.dragging = true; - - if(this.options.zindex) { - this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0); - this.element.style.zIndex = this.options.zindex; - } - - if(this.options.ghosting) { - this._clone = this.element.cloneNode(true); - Position.absolutize(this.element); - this.element.parentNode.insertBefore(this._clone, this.element); - } - - if(this.options.scroll) { - if (this.options.scroll == window) { - var where = this._getWindowScroll(this.options.scroll); - this.originalScrollLeft = where.left; - this.originalScrollTop = where.top; - } else { - this.originalScrollLeft = this.options.scroll.scrollLeft; - this.originalScrollTop = this.options.scroll.scrollTop; - } - } - - Draggables.notify('onStart', this, event); - if(this.options.starteffect) this.options.starteffect(this.element); - }, - - updateDrag: function(event, pointer) { - if(!this.dragging) this.startDrag(event); - Position.prepare(); - Droppables.show(pointer, this.element); - Draggables.notify('onDrag', this, event); - this.draw(pointer); - if(this.options.change) this.options.change(this); - - if(this.options.scroll) { - this.stopScrolling(); - - var p; - if (this.options.scroll == window) { - with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; } - } else { - p = Position.page(this.options.scroll); - p[0] += this.options.scroll.scrollLeft; - p[1] += this.options.scroll.scrollTop; - p.push(p[0]+this.options.scroll.offsetWidth); - p.push(p[1]+this.options.scroll.offsetHeight); - } - var speed = [0,0]; - if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity); - if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity); - if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity); - if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity); - this.startScrolling(speed); - } - - // fix AppleWebKit rendering - if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0); - - Event.stop(event); - }, - - finishDrag: function(event, success) { - this.dragging = false; - - if(this.options.ghosting) { - Position.relativize(this.element); - Element.remove(this._clone); - this._clone = null; - } - - if(success) Droppables.fire(event, this.element); - Draggables.notify('onEnd', this, event); - - var revert = this.options.revert; - if(revert && typeof revert == 'function') revert = revert(this.element); - - var d = this.currentDelta(); - if(revert && this.options.reverteffect) { - this.options.reverteffect(this.element, - d[1]-this.delta[1], d[0]-this.delta[0]); - } else { - this.delta = d; - } - - if(this.options.zindex) - this.element.style.zIndex = this.originalZ; - - if(this.options.endeffect) - this.options.endeffect(this.element); - - Draggables.deactivate(this); - Droppables.reset(); - }, - - keyPress: function(event) { - if(event.keyCode!=Event.KEY_ESC) return; - this.finishDrag(event, false); - Event.stop(event); - }, - - endDrag: function(event) { - if(!this.dragging) return; - this.stopScrolling(); - this.finishDrag(event, true); - Event.stop(event); - }, - - draw: function(point) { - var pos = Position.cumulativeOffset(this.element); - var d = this.currentDelta(); - pos[0] -= d[0]; pos[1] -= d[1]; - - if(this.options.scroll && (this.options.scroll != window)) { - pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft; - pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop; - } - - var p = [0,1].map(function(i){ - return (point[i]-pos[i]-this.offset[i]) - }.bind(this)); - - if(this.options.snap) { - if(typeof this.options.snap == 'function') { - p = this.options.snap(p[0],p[1],this); - } else { - if(this.options.snap instanceof Array) { - p = p.map( function(v, i) { - return Math.round(v/this.options.snap[i])*this.options.snap[i] }.bind(this)) - } else { - p = p.map( function(v) { - return Math.round(v/this.options.snap)*this.options.snap }.bind(this)) - } - }} - - var style = this.element.style; - if((!this.options.constraint) || (this.options.constraint=='horizontal')) - style.left = p[0] + "px"; - if((!this.options.constraint) || (this.options.constraint=='vertical')) - style.top = p[1] + "px"; - if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering - }, - - stopScrolling: function() { - if(this.scrollInterval) { - clearInterval(this.scrollInterval); - this.scrollInterval = null; - Draggables._lastScrollPointer = null; - } - }, - - startScrolling: function(speed) { - this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed]; - this.lastScrolled = new Date(); - this.scrollInterval = setInterval(this.scroll.bind(this), 10); - }, - - scroll: function() { - var current = new Date(); - var delta = current - this.lastScrolled; - this.lastScrolled = current; - if(this.options.scroll == window) { - with (this._getWindowScroll(this.options.scroll)) { - if (this.scrollSpeed[0] || this.scrollSpeed[1]) { - var d = delta / 1000; - this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] ); - } - } - } else { - this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000; - this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000; - } - - Position.prepare(); - Droppables.show(Draggables._lastPointer, this.element); - Draggables.notify('onDrag', this); - Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer); - Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000; - Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000; - if (Draggables._lastScrollPointer[0] < 0) - Draggables._lastScrollPointer[0] = 0; - if (Draggables._lastScrollPointer[1] < 0) - Draggables._lastScrollPointer[1] = 0; - this.draw(Draggables._lastScrollPointer); - - if(this.options.change) this.options.change(this); - }, - - _getWindowScroll: function(w) { - var T, L, W, H; - with (w.document) { - if (w.document.documentElement && documentElement.scrollTop) { - T = documentElement.scrollTop; - L = documentElement.scrollLeft; - } else if (w.document.body) { - T = body.scrollTop; - L = body.scrollLeft; - } - if (w.innerWidth) { - W = w.innerWidth; - H = w.innerHeight; - } else if (w.document.documentElement && documentElement.clientWidth) { - W = documentElement.clientWidth; - H = documentElement.clientHeight; - } else { - W = body.offsetWidth; - H = body.offsetHeight - } - } - return { top: T, left: L, width: W, height: H }; - } -} - -/*--------------------------------------------------------------------------*/ - -var SortableObserver = Class.create(); -SortableObserver.prototype = { - initialize: function(element, observer) { - this.element = $(element); - this.observer = observer; - this.lastValue = Sortable.serialize(this.element); - }, - - onStart: function() { - this.lastValue = Sortable.serialize(this.element); - }, - - onEnd: function() { - Sortable.unmark(); - if(this.lastValue != Sortable.serialize(this.element)) - this.observer(this.element) - } -} - -var Sortable = { - sortables: {}, - - _findRootElement: function(element) { - while (element.tagName != "BODY") { - if(element.id && Sortable.sortables[element.id]) return element; - element = element.parentNode; - } - }, - - options: function(element) { - element = Sortable._findRootElement($(element)); - if(!element) return; - return Sortable.sortables[element.id]; - }, - - destroy: function(element){ - var s = Sortable.options(element); - - if(s) { - Draggables.removeObserver(s.element); - s.droppables.each(function(d){ Droppables.remove(d) }); - s.draggables.invoke('destroy'); - - delete Sortable.sortables[s.element.id]; - } - }, - - create: function(element) { - element = $(element); - var options = Object.extend({ - element: element, - tag: 'li', // assumes li children, override with tag: 'tagname' - dropOnEmpty: false, - tree: false, - treeTag: 'ul', - overlap: 'vertical', // one of 'vertical', 'horizontal' - constraint: 'vertical', // one of 'vertical', 'horizontal', false - containment: element, // also takes array of elements (or id's); or false - handle: false, // or a CSS class - only: false, - hoverclass: null, - ghosting: false, - scroll: false, - scrollSensitivity: 20, - scrollSpeed: 15, - format: /^[^_]*_(.*)$/, - onChange: Prototype.emptyFunction, - onUpdate: Prototype.emptyFunction - }, arguments[1] || {}); - - // clear any old sortable with same element - this.destroy(element); - - // build options for the draggables - var options_for_draggable = { - revert: true, - scroll: options.scroll, - scrollSpeed: options.scrollSpeed, - scrollSensitivity: options.scrollSensitivity, - ghosting: options.ghosting, - constraint: options.constraint, - handle: options.handle }; - - if(options.starteffect) - options_for_draggable.starteffect = options.starteffect; - - if(options.reverteffect) - options_for_draggable.reverteffect = options.reverteffect; - else - if(options.ghosting) options_for_draggable.reverteffect = function(element) { - element.style.top = 0; - element.style.left = 0; - }; - - if(options.endeffect) - options_for_draggable.endeffect = options.endeffect; - - if(options.zindex) - options_for_draggable.zindex = options.zindex; - - // build options for the droppables - var options_for_droppable = { - overlap: options.overlap, - containment: options.containment, - tree: options.tree, - hoverclass: options.hoverclass, - onHover: Sortable.onHover - //greedy: !options.dropOnEmpty - } - - var options_for_tree = { - onHover: Sortable.onEmptyHover, - overlap: options.overlap, - containment: options.containment, - hoverclass: options.hoverclass - } - - // fix for gecko engine - Element.cleanWhitespace(element); - - options.draggables = []; - options.droppables = []; - - // drop on empty handling - if(options.dropOnEmpty || options.tree) { - Droppables.add(element, options_for_tree); - options.droppables.push(element); - } - - (this.findElements(element, options) || []).each( function(e) { - // handles are per-draggable - var handle = options.handle ? - Element.childrenWithClassName(e, options.handle)[0] : e; - options.draggables.push( - new Draggable(e, Object.extend(options_for_draggable, { handle: handle }))); - Droppables.add(e, options_for_droppable); - if(options.tree) e.treeNode = element; - options.droppables.push(e); - }); - - if(options.tree) { - (Sortable.findTreeElements(element, options) || []).each( function(e) { - Droppables.add(e, options_for_tree); - e.treeNode = element; - options.droppables.push(e); - }); - } - - // keep reference - this.sortables[element.id] = options; - - // for onupdate - Draggables.addObserver(new SortableObserver(element, options.onUpdate)); - - }, - - // return all suitable-for-sortable elements in a guaranteed order - findElements: function(element, options) { - return Element.findChildren( - element, options.only, options.tree ? true : false, options.tag); - }, - - findTreeElements: function(element, options) { - return Element.findChildren( - element, options.only, options.tree ? true : false, options.treeTag); - }, - - onHover: function(element, dropon, overlap) { - if(Element.isParent(dropon, element)) return; - - if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) { - return; - } else if(overlap>0.5) { - Sortable.mark(dropon, 'before'); - if(dropon.previousSibling != element) { - var oldParentNode = element.parentNode; - element.style.visibility = "hidden"; // fix gecko rendering - dropon.parentNode.insertBefore(element, dropon); - if(dropon.parentNode!=oldParentNode) - Sortable.options(oldParentNode).onChange(element); - Sortable.options(dropon.parentNode).onChange(element); - } - } else { - Sortable.mark(dropon, 'after'); - var nextElement = dropon.nextSibling || null; - if(nextElement != element) { - var oldParentNode = element.parentNode; - element.style.visibility = "hidden"; // fix gecko rendering - dropon.parentNode.insertBefore(element, nextElement); - if(dropon.parentNode!=oldParentNode) - Sortable.options(oldParentNode).onChange(element); - Sortable.options(dropon.parentNode).onChange(element); - } - } - }, - - onEmptyHover: function(element, dropon, overlap) { - var oldParentNode = element.parentNode; - var droponOptions = Sortable.options(dropon); - - if(!Element.isParent(dropon, element)) { - var index; - - var children = Sortable.findElements(dropon, {tag: droponOptions.tag}); - var child = null; - - if(children) { - var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap); - - for (index = 0; index < children.length; index += 1) { - if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) { - offset -= Element.offsetSize (children[index], droponOptions.overlap); - } else if (offset - (Element.offsetSize (children[index], droponOptions.overlap) / 2) >= 0) { - child = index + 1 < children.length ? children[index + 1] : null; - break; - } else { - child = children[index]; - break; - } - } - } - - dropon.insertBefore(element, child); - - Sortable.options(oldParentNode).onChange(element); - droponOptions.onChange(element); - } - }, - - unmark: function() { - if(Sortable._marker) Element.hide(Sortable._marker); - }, - - mark: function(dropon, position) { - // mark on ghosting only - var sortable = Sortable.options(dropon.parentNode); - if(sortable && !sortable.ghosting) return; - - if(!Sortable._marker) { - Sortable._marker = $('dropmarker') || document.createElement('DIV'); - Element.hide(Sortable._marker); - Element.addClassName(Sortable._marker, 'dropmarker'); - Sortable._marker.style.position = 'absolute'; - document.getElementsByTagName("body").item(0).appendChild(Sortable._marker); - } - var offsets = Position.cumulativeOffset(dropon); - Sortable._marker.style.left = offsets[0] + 'px'; - Sortable._marker.style.top = offsets[1] + 'px'; - - if(position=='after') - if(sortable.overlap == 'horizontal') - Sortable._marker.style.left = (offsets[0]+dropon.clientWidth) + 'px'; - else - Sortable._marker.style.top = (offsets[1]+dropon.clientHeight) + 'px'; - - Element.show(Sortable._marker); - }, - - _tree: function(element, options, parent) { - var children = Sortable.findElements(element, options) || []; - - for (var i = 0; i < children.length; ++i) { - var match = children[i].id.match(options.format); - - if (!match) continue; - - var child = { - id: encodeURIComponent(match ? match[1] : null), - element: element, - parent: parent, - children: new Array, - position: parent.children.length, - container: Sortable._findChildrenElement(children[i], options.treeTag.toUpperCase()) - } - - /* Get the element containing the children and recurse over it */ - if (child.container) - this._tree(child.container, options, child) - - parent.children.push (child); - } - - return parent; - }, - - /* Finds the first element of the given tag type within a parent element. - Used for finding the first LI[ST] within a L[IST]I[TEM].*/ - _findChildrenElement: function (element, containerTag) { - if (element && element.hasChildNodes) - for (var i = 0; i < element.childNodes.length; ++i) - if (element.childNodes[i].tagName == containerTag) - return element.childNodes[i]; - - return null; - }, - - tree: function(element) { - element = $(element); - var sortableOptions = this.options(element); - var options = Object.extend({ - tag: sortableOptions.tag, - treeTag: sortableOptions.treeTag, - only: sortableOptions.only, - name: element.id, - format: sortableOptions.format - }, arguments[1] || {}); - - var root = { - id: null, - parent: null, - children: new Array, - container: element, - position: 0 - } - - return Sortable._tree (element, options, root); - }, - - /* Construct a [i] index for a particular node */ - _constructIndex: function(node) { - var index = ''; - do { - if (node.id) index = '[' + node.position + ']' + index; - } while ((node = node.parent) != null); - return index; - }, - - sequence: function(element) { - element = $(element); - var options = Object.extend(this.options(element), arguments[1] || {}); - - return $(this.findElements(element, options) || []).map( function(item) { - return item.id.match(options.format) ? item.id.match(options.format)[1] : ''; - }); - }, - - setSequence: function(element, new_sequence) { - element = $(element); - var options = Object.extend(this.options(element), arguments[2] || {}); - - var nodeMap = {}; - this.findElements(element, options).each( function(n) { - if (n.id.match(options.format)) - nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode]; - n.parentNode.removeChild(n); - }); - - new_sequence.each(function(ident) { - var n = nodeMap[ident]; - if (n) { - n[1].appendChild(n[0]); - delete nodeMap[ident]; - } - }); - }, - - serialize: function(element) { - element = $(element); - var options = Object.extend(Sortable.options(element), arguments[1] || {}); - var name = encodeURIComponent( - (arguments[1] && arguments[1].name) ? arguments[1].name : element.id); - - if (options.tree) { - return Sortable.tree(element, arguments[1]).children.map( function (item) { - return [name + Sortable._constructIndex(item) + "=" + - encodeURIComponent(item.id)].concat(item.children.map(arguments.callee)); - }).flatten().join('&'); - } else { - return Sortable.sequence(element, arguments[1]).map( function(item) { - return name + "[]=" + encodeURIComponent(item); - }).join('&'); - } - } -} - -/* Returns true if child is contained within element */ -Element.isParent = function(child, element) { - if (!child.parentNode || child == element) return false; - - if (child.parentNode == element) return true; - - return Element.isParent(child.parentNode, element); -} - -Element.findChildren = function(element, only, recursive, tagName) { - if(!element.hasChildNodes()) return null; - tagName = tagName.toUpperCase(); - if(only) only = [only].flatten(); - var elements = []; - $A(element.childNodes).each( function(e) { - if(e.tagName && e.tagName.toUpperCase()==tagName && - (!only || (Element.classNames(e).detect(function(v) { return only.include(v) })))) - elements.push(e); - if(recursive) { - var grandchildren = Element.findChildren(e, only, recursive, tagName); - if(grandchildren) elements.push(grandchildren); - } - }); - - return (elements.length>0 ? elements.flatten() : []); -} - -Element.offsetSize = function (element, type) { - if (type == 'vertical' || type == 'height') - return element.offsetHeight; - else - return element.offsetWidth; -} \ No newline at end of file diff --git a/manualtests/core/lib/scriptaculous/effects.js b/manualtests/core/lib/scriptaculous/effects.js deleted file mode 100644 index 0864323..0000000 --- a/manualtests/core/lib/scriptaculous/effects.js +++ /dev/null @@ -1,958 +0,0 @@ -// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) -// Contributors: -// Justin Palmer (http://encytemedia.com/) -// Mark Pilgrim (http://diveintomark.org/) -// Martin Bialasinki -// -// See scriptaculous.js for full license. - -// converts rgb() and #xxx to #xxxxxx format, -// returns self (or first argument) if not convertable -String.prototype.parseColor = function() { - var color = '#'; - if(this.slice(0,4) == 'rgb(') { - var cols = this.slice(4,this.length-1).split(','); - var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3); - } else { - if(this.slice(0,1) == '#') { - if(this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase(); - if(this.length==7) color = this.toLowerCase(); - } - } - return(color.length==7 ? color : (arguments[0] || this)); -} - -/*--------------------------------------------------------------------------*/ - -Element.collectTextNodes = function(element) { - return $A($(element).childNodes).collect( function(node) { - return (node.nodeType==3 ? node.nodeValue : - (node.hasChildNodes() ? Element.collectTextNodes(node) : '')); - }).flatten().join(''); -} - -Element.collectTextNodesIgnoreClass = function(element, className) { - return $A($(element).childNodes).collect( function(node) { - return (node.nodeType==3 ? node.nodeValue : - ((node.hasChildNodes() && !Element.hasClassName(node,className)) ? - Element.collectTextNodesIgnoreClass(node, className) : '')); - }).flatten().join(''); -} - -Element.setContentZoom = function(element, percent) { - element = $(element); - Element.setStyle(element, {fontSize: (percent/100) + 'em'}); - if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0); -} - -Element.getOpacity = function(element){ - var opacity; - if (opacity = Element.getStyle(element, 'opacity')) - return parseFloat(opacity); - if (opacity = (Element.getStyle(element, 'filter') || '').match(/alpha\(opacity=(.*)\)/)) - if(opacity[1]) return parseFloat(opacity[1]) / 100; - return 1.0; -} - -Element.setOpacity = function(element, value){ - element= $(element); - if (value == 1){ - Element.setStyle(element, { opacity: - (/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ? - 0.999999 : null }); - if(/MSIE/.test(navigator.userAgent)) - Element.setStyle(element, {filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'')}); - } else { - if(value < 0.00001) value = 0; - Element.setStyle(element, {opacity: value}); - if(/MSIE/.test(navigator.userAgent)) - Element.setStyle(element, - { filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'') + - 'alpha(opacity='+value*100+')' }); - } -} - -Element.getInlineOpacity = function(element){ - return $(element).style.opacity || ''; -} - -Element.childrenWithClassName = function(element, className, findFirst) { - var classNameRegExp = new RegExp("(^|\\s)" + className + "(\\s|$)"); - var results = $A($(element).getElementsByTagName('*'))[findFirst ? 'detect' : 'select']( function(c) { - return (c.className && c.className.match(classNameRegExp)); - }); - if(!results) results = []; - return results; -} - -Element.forceRerendering = function(element) { - try { - element = $(element); - var n = document.createTextNode(' '); - element.appendChild(n); - element.removeChild(n); - } catch(e) { } -}; - -/*--------------------------------------------------------------------------*/ - -Array.prototype.call = function() { - var args = arguments; - this.each(function(f){ f.apply(this, args) }); -} - -/*--------------------------------------------------------------------------*/ - -var Effect = { - tagifyText: function(element) { - var tagifyStyle = 'position:relative'; - if(/MSIE/.test(navigator.userAgent)) tagifyStyle += ';zoom:1'; - element = $(element); - $A(element.childNodes).each( function(child) { - if(child.nodeType==3) { - child.nodeValue.toArray().each( function(character) { - element.insertBefore( - Builder.node('span',{style: tagifyStyle}, - character == ' ' ? String.fromCharCode(160) : character), - child); - }); - Element.remove(child); - } - }); - }, - multiple: function(element, effect) { - var elements; - if(((typeof element == 'object') || - (typeof element == 'function')) && - (element.length)) - elements = element; - else - elements = $(element).childNodes; - - var options = Object.extend({ - speed: 0.1, - delay: 0.0 - }, arguments[2] || {}); - var masterDelay = options.delay; - - $A(elements).each( function(element, index) { - new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay })); - }); - }, - PAIRS: { - 'slide': ['SlideDown','SlideUp'], - 'blind': ['BlindDown','BlindUp'], - 'appear': ['Appear','Fade'] - }, - toggle: function(element, effect) { - element = $(element); - effect = (effect || 'appear').toLowerCase(); - var options = Object.extend({ - queue: { position:'end', scope:(element.id || 'global'), limit: 1 } - }, arguments[2] || {}); - Effect[element.visible() ? - Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options); - } -}; - -var Effect2 = Effect; // deprecated - -/* ------------- transitions ------------- */ - -Effect.Transitions = {} - -Effect.Transitions.linear = function(pos) { - return pos; -} -Effect.Transitions.sinoidal = function(pos) { - return (-Math.cos(pos*Math.PI)/2) + 0.5; -} -Effect.Transitions.reverse = function(pos) { - return 1-pos; -} -Effect.Transitions.flicker = function(pos) { - return ((-Math.cos(pos*Math.PI)/4) + 0.75) + Math.random()/4; -} -Effect.Transitions.wobble = function(pos) { - return (-Math.cos(pos*Math.PI*(9*pos))/2) + 0.5; -} -Effect.Transitions.pulse = function(pos) { - return (Math.floor(pos*10) % 2 == 0 ? - (pos*10-Math.floor(pos*10)) : 1-(pos*10-Math.floor(pos*10))); -} -Effect.Transitions.none = function(pos) { - return 0; -} -Effect.Transitions.full = function(pos) { - return 1; -} - -/* ------------- core effects ------------- */ - -Effect.ScopedQueue = Class.create(); -Object.extend(Object.extend(Effect.ScopedQueue.prototype, Enumerable), { - initialize: function() { - this.effects = []; - this.interval = null; - }, - _each: function(iterator) { - this.effects._each(iterator); - }, - add: function(effect) { - var timestamp = new Date().getTime(); - - var position = (typeof effect.options.queue == 'string') ? - effect.options.queue : effect.options.queue.position; - - switch(position) { - case 'front': - // move unstarted effects after this effect - this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) { - e.startOn += effect.finishOn; - e.finishOn += effect.finishOn; - }); - break; - case 'end': - // start effect after last queued effect has finished - timestamp = this.effects.pluck('finishOn').max() || timestamp; - break; - } - - effect.startOn += timestamp; - effect.finishOn += timestamp; - - if(!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit)) - this.effects.push(effect); - - if(!this.interval) - this.interval = setInterval(this.loop.bind(this), 40); - }, - remove: function(effect) { - this.effects = this.effects.reject(function(e) { return e==effect }); - if(this.effects.length == 0) { - clearInterval(this.interval); - this.interval = null; - } - }, - loop: function() { - var timePos = new Date().getTime(); - this.effects.invoke('loop', timePos); - } -}); - -Effect.Queues = { - instances: $H(), - get: function(queueName) { - if(typeof queueName != 'string') return queueName; - - if(!this.instances[queueName]) - this.instances[queueName] = new Effect.ScopedQueue(); - - return this.instances[queueName]; - } -} -Effect.Queue = Effect.Queues.get('global'); - -Effect.DefaultOptions = { - transition: Effect.Transitions.sinoidal, - duration: 1.0, // seconds - fps: 25.0, // max. 25fps due to Effect.Queue implementation - sync: false, // true for combining - from: 0.0, - to: 1.0, - delay: 0.0, - queue: 'parallel' -} - -Effect.Base = function() {}; -Effect.Base.prototype = { - position: null, - start: function(options) { - this.options = Object.extend(Object.extend({},Effect.DefaultOptions), options || {}); - this.currentFrame = 0; - this.state = 'idle'; - this.startOn = this.options.delay*1000; - this.finishOn = this.startOn + (this.options.duration*1000); - this.event('beforeStart'); - if(!this.options.sync) - Effect.Queues.get(typeof this.options.queue == 'string' ? - 'global' : this.options.queue.scope).add(this); - }, - loop: function(timePos) { - if(timePos >= this.startOn) { - if(timePos >= this.finishOn) { - this.render(1.0); - this.cancel(); - this.event('beforeFinish'); - if(this.finish) this.finish(); - this.event('afterFinish'); - return; - } - var pos = (timePos - this.startOn) / (this.finishOn - this.startOn); - var frame = Math.round(pos * this.options.fps * this.options.duration); - if(frame > this.currentFrame) { - this.render(pos); - this.currentFrame = frame; - } - } - }, - render: function(pos) { - if(this.state == 'idle') { - this.state = 'running'; - this.event('beforeSetup'); - if(this.setup) this.setup(); - this.event('afterSetup'); - } - if(this.state == 'running') { - if(this.options.transition) pos = this.options.transition(pos); - pos *= (this.options.to-this.options.from); - pos += this.options.from; - this.position = pos; - this.event('beforeUpdate'); - if(this.update) this.update(pos); - this.event('afterUpdate'); - } - }, - cancel: function() { - if(!this.options.sync) - Effect.Queues.get(typeof this.options.queue == 'string' ? - 'global' : this.options.queue.scope).remove(this); - this.state = 'finished'; - }, - event: function(eventName) { - if(this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this); - if(this.options[eventName]) this.options[eventName](this); - }, - inspect: function() { - return '#'; - } -} - -Effect.Parallel = Class.create(); -Object.extend(Object.extend(Effect.Parallel.prototype, Effect.Base.prototype), { - initialize: function(effects) { - this.effects = effects || []; - this.start(arguments[1]); - }, - update: function(position) { - this.effects.invoke('render', position); - }, - finish: function(position) { - this.effects.each( function(effect) { - effect.render(1.0); - effect.cancel(); - effect.event('beforeFinish'); - if(effect.finish) effect.finish(position); - effect.event('afterFinish'); - }); - } -}); - -Effect.Opacity = Class.create(); -Object.extend(Object.extend(Effect.Opacity.prototype, Effect.Base.prototype), { - initialize: function(element) { - this.element = $(element); - // make this work on IE on elements without 'layout' - if(/MSIE/.test(navigator.userAgent) && (!this.element.hasLayout)) - this.element.setStyle({zoom: 1}); - var options = Object.extend({ - from: this.element.getOpacity() || 0.0, - to: 1.0 - }, arguments[1] || {}); - this.start(options); - }, - update: function(position) { - this.element.setOpacity(position); - } -}); - -Effect.Move = Class.create(); -Object.extend(Object.extend(Effect.Move.prototype, Effect.Base.prototype), { - initialize: function(element) { - this.element = $(element); - var options = Object.extend({ - x: 0, - y: 0, - mode: 'relative' - }, arguments[1] || {}); - this.start(options); - }, - setup: function() { - // Bug in Opera: Opera returns the "real" position of a static element or - // relative element that does not have top/left explicitly set. - // ==> Always set top and left for position relative elements in your stylesheets - // (to 0 if you do not need them) - this.element.makePositioned(); - this.originalLeft = parseFloat(this.element.getStyle('left') || '0'); - this.originalTop = parseFloat(this.element.getStyle('top') || '0'); - if(this.options.mode == 'absolute') { - // absolute movement, so we need to calc deltaX and deltaY - this.options.x = this.options.x - this.originalLeft; - this.options.y = this.options.y - this.originalTop; - } - }, - update: function(position) { - this.element.setStyle({ - left: this.options.x * position + this.originalLeft + 'px', - top: this.options.y * position + this.originalTop + 'px' - }); - } -}); - -// for backwards compatibility -Effect.MoveBy = function(element, toTop, toLeft) { - return new Effect.Move(element, - Object.extend({ x: toLeft, y: toTop }, arguments[3] || {})); -}; - -Effect.Scale = Class.create(); -Object.extend(Object.extend(Effect.Scale.prototype, Effect.Base.prototype), { - initialize: function(element, percent) { - this.element = $(element) - var options = Object.extend({ - scaleX: true, - scaleY: true, - scaleContent: true, - scaleFromCenter: false, - scaleMode: 'box', // 'box' or 'contents' or {} with provided values - scaleFrom: 100.0, - scaleTo: percent - }, arguments[2] || {}); - this.start(options); - }, - setup: function() { - this.restoreAfterFinish = this.options.restoreAfterFinish || false; - this.elementPositioning = this.element.getStyle('position'); - - this.originalStyle = {}; - ['top','left','width','height','fontSize'].each( function(k) { - this.originalStyle[k] = this.element.style[k]; - }.bind(this)); - - this.originalTop = this.element.offsetTop; - this.originalLeft = this.element.offsetLeft; - - var fontSize = this.element.getStyle('font-size') || '100%'; - ['em','px','%'].each( function(fontSizeType) { - if(fontSize.indexOf(fontSizeType)>0) { - this.fontSize = parseFloat(fontSize); - this.fontSizeType = fontSizeType; - } - }.bind(this)); - - this.factor = (this.options.scaleTo - this.options.scaleFrom)/100; - - this.dims = null; - if(this.options.scaleMode=='box') - this.dims = [this.element.offsetHeight, this.element.offsetWidth]; - if(/^content/.test(this.options.scaleMode)) - this.dims = [this.element.scrollHeight, this.element.scrollWidth]; - if(!this.dims) - this.dims = [this.options.scaleMode.originalHeight, - this.options.scaleMode.originalWidth]; - }, - update: function(position) { - var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position); - if(this.options.scaleContent && this.fontSize) - this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType }); - this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale); - }, - finish: function(position) { - if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle); - }, - setDimensions: function(height, width) { - var d = {}; - if(this.options.scaleX) d.width = width + 'px'; - if(this.options.scaleY) d.height = height + 'px'; - if(this.options.scaleFromCenter) { - var topd = (height - this.dims[0])/2; - var leftd = (width - this.dims[1])/2; - if(this.elementPositioning == 'absolute') { - if(this.options.scaleY) d.top = this.originalTop-topd + 'px'; - if(this.options.scaleX) d.left = this.originalLeft-leftd + 'px'; - } else { - if(this.options.scaleY) d.top = -topd + 'px'; - if(this.options.scaleX) d.left = -leftd + 'px'; - } - } - this.element.setStyle(d); - } -}); - -Effect.Highlight = Class.create(); -Object.extend(Object.extend(Effect.Highlight.prototype, Effect.Base.prototype), { - initialize: function(element) { - this.element = $(element); - var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || {}); - this.start(options); - }, - setup: function() { - // Prevent executing on elements not in the layout flow - if(this.element.getStyle('display')=='none') { this.cancel(); return; } - // Disable background image during the effect - this.oldStyle = { - backgroundImage: this.element.getStyle('background-image') }; - this.element.setStyle({backgroundImage: 'none'}); - if(!this.options.endcolor) - this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff'); - if(!this.options.restorecolor) - this.options.restorecolor = this.element.getStyle('background-color'); - // init color calculations - this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this)); - this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this)); - }, - update: function(position) { - this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){ - return m+(Math.round(this._base[i]+(this._delta[i]*position)).toColorPart()); }.bind(this)) }); - }, - finish: function() { - this.element.setStyle(Object.extend(this.oldStyle, { - backgroundColor: this.options.restorecolor - })); - } -}); - -Effect.ScrollTo = Class.create(); -Object.extend(Object.extend(Effect.ScrollTo.prototype, Effect.Base.prototype), { - initialize: function(element) { - this.element = $(element); - this.start(arguments[1] || {}); - }, - setup: function() { - Position.prepare(); - var offsets = Position.cumulativeOffset(this.element); - if(this.options.offset) offsets[1] += this.options.offset; - var max = window.innerHeight ? - window.height - window.innerHeight : - document.body.scrollHeight - - (document.documentElement.clientHeight ? - document.documentElement.clientHeight : document.body.clientHeight); - this.scrollStart = Position.deltaY; - this.delta = (offsets[1] > max ? max : offsets[1]) - this.scrollStart; - }, - update: function(position) { - Position.prepare(); - window.scrollTo(Position.deltaX, - this.scrollStart + (position*this.delta)); - } -}); - -/* ------------- combination effects ------------- */ - -Effect.Fade = function(element) { - element = $(element); - var oldOpacity = element.getInlineOpacity(); - var options = Object.extend({ - from: element.getOpacity() || 1.0, - to: 0.0, - afterFinishInternal: function(effect) { - if(effect.options.to!=0) return; - effect.element.hide(); - effect.element.setStyle({opacity: oldOpacity}); - }}, arguments[1] || {}); - return new Effect.Opacity(element,options); -} - -Effect.Appear = function(element) { - element = $(element); - var options = Object.extend({ - from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0), - to: 1.0, - // force Safari to render floated elements properly - afterFinishInternal: function(effect) { - effect.element.forceRerendering(); - }, - beforeSetup: function(effect) { - effect.element.setOpacity(effect.options.from); - effect.element.show(); - }}, arguments[1] || {}); - return new Effect.Opacity(element,options); -} - -Effect.Puff = function(element) { - element = $(element); - var oldStyle = { opacity: element.getInlineOpacity(), position: element.getStyle('position') }; - return new Effect.Parallel( - [ new Effect.Scale(element, 200, - { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }), - new Effect.Opacity(element, { sync: true, to: 0.0 } ) ], - Object.extend({ duration: 1.0, - beforeSetupInternal: function(effect) { - effect.effects[0].element.setStyle({position: 'absolute'}); }, - afterFinishInternal: function(effect) { - effect.effects[0].element.hide(); - effect.effects[0].element.setStyle(oldStyle); } - }, arguments[1] || {}) - ); -} - -Effect.BlindUp = function(element) { - element = $(element); - element.makeClipping(); - return new Effect.Scale(element, 0, - Object.extend({ scaleContent: false, - scaleX: false, - restoreAfterFinish: true, - afterFinishInternal: function(effect) { - effect.element.hide(); - effect.element.undoClipping(); - } - }, arguments[1] || {}) - ); -} - -Effect.BlindDown = function(element) { - element = $(element); - var elementDimensions = element.getDimensions(); - return new Effect.Scale(element, 100, - Object.extend({ scaleContent: false, - scaleX: false, - scaleFrom: 0, - scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, - restoreAfterFinish: true, - afterSetup: function(effect) { - effect.element.makeClipping(); - effect.element.setStyle({height: '0px'}); - effect.element.show(); - }, - afterFinishInternal: function(effect) { - effect.element.undoClipping(); - } - }, arguments[1] || {}) - ); -} - -Effect.SwitchOff = function(element) { - element = $(element); - var oldOpacity = element.getInlineOpacity(); - return new Effect.Appear(element, { - duration: 0.4, - from: 0, - transition: Effect.Transitions.flicker, - afterFinishInternal: function(effect) { - new Effect.Scale(effect.element, 1, { - duration: 0.3, scaleFromCenter: true, - scaleX: false, scaleContent: false, restoreAfterFinish: true, - beforeSetup: function(effect) { - effect.element.makePositioned(); - effect.element.makeClipping(); - }, - afterFinishInternal: function(effect) { - effect.element.hide(); - effect.element.undoClipping(); - effect.element.undoPositioned(); - effect.element.setStyle({opacity: oldOpacity}); - } - }) - } - }); -} - -Effect.DropOut = function(element) { - element = $(element); - var oldStyle = { - top: element.getStyle('top'), - left: element.getStyle('left'), - opacity: element.getInlineOpacity() }; - return new Effect.Parallel( - [ new Effect.Move(element, {x: 0, y: 100, sync: true }), - new Effect.Opacity(element, { sync: true, to: 0.0 }) ], - Object.extend( - { duration: 0.5, - beforeSetup: function(effect) { - effect.effects[0].element.makePositioned(); - }, - afterFinishInternal: function(effect) { - effect.effects[0].element.hide(); - effect.effects[0].element.undoPositioned(); - effect.effects[0].element.setStyle(oldStyle); - } - }, arguments[1] || {})); -} - -Effect.Shake = function(element) { - element = $(element); - var oldStyle = { - top: element.getStyle('top'), - left: element.getStyle('left') }; - return new Effect.Move(element, - { x: 20, y: 0, duration: 0.05, afterFinishInternal: function(effect) { - new Effect.Move(effect.element, - { x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { - new Effect.Move(effect.element, - { x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { - new Effect.Move(effect.element, - { x: -40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { - new Effect.Move(effect.element, - { x: 40, y: 0, duration: 0.1, afterFinishInternal: function(effect) { - new Effect.Move(effect.element, - { x: -20, y: 0, duration: 0.05, afterFinishInternal: function(effect) { - effect.element.undoPositioned(); - effect.element.setStyle(oldStyle); - }}) }}) }}) }}) }}) }}); -} - -Effect.SlideDown = function(element) { - element = $(element); - element.cleanWhitespace(); - // SlideDown need to have the content of the element wrapped in a container element with fixed height! - var oldInnerBottom = $(element.firstChild).getStyle('bottom'); - var elementDimensions = element.getDimensions(); - return new Effect.Scale(element, 100, Object.extend({ - scaleContent: false, - scaleX: false, - scaleFrom: window.opera ? 0 : 1, - scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, - restoreAfterFinish: true, - afterSetup: function(effect) { - effect.element.makePositioned(); - effect.element.firstChild.makePositioned(); - if(window.opera) effect.element.setStyle({top: ''}); - effect.element.makeClipping(); - effect.element.setStyle({height: '0px'}); - effect.element.show(); }, - afterUpdateInternal: function(effect) { - effect.element.firstChild.setStyle({bottom: - (effect.dims[0] - effect.element.clientHeight) + 'px' }); - }, - afterFinishInternal: function(effect) { - effect.element.undoClipping(); - // IE will crash if child is undoPositioned first - if(/MSIE/.test(navigator.userAgent)){ - effect.element.undoPositioned(); - effect.element.firstChild.undoPositioned(); - }else{ - effect.element.firstChild.undoPositioned(); - effect.element.undoPositioned(); - } - effect.element.firstChild.setStyle({bottom: oldInnerBottom}); } - }, arguments[1] || {}) - ); -} - -Effect.SlideUp = function(element) { - element = $(element); - element.cleanWhitespace(); - var oldInnerBottom = $(element.firstChild).getStyle('bottom'); - return new Effect.Scale(element, window.opera ? 0 : 1, - Object.extend({ scaleContent: false, - scaleX: false, - scaleMode: 'box', - scaleFrom: 100, - restoreAfterFinish: true, - beforeStartInternal: function(effect) { - effect.element.makePositioned(); - effect.element.firstChild.makePositioned(); - if(window.opera) effect.element.setStyle({top: ''}); - effect.element.makeClipping(); - effect.element.show(); }, - afterUpdateInternal: function(effect) { - effect.element.firstChild.setStyle({bottom: - (effect.dims[0] - effect.element.clientHeight) + 'px' }); }, - afterFinishInternal: function(effect) { - effect.element.hide(); - effect.element.undoClipping(); - effect.element.firstChild.undoPositioned(); - effect.element.undoPositioned(); - effect.element.setStyle({bottom: oldInnerBottom}); } - }, arguments[1] || {}) - ); -} - -// Bug in opera makes the TD containing this element expand for a instance after finish -Effect.Squish = function(element) { - return new Effect.Scale(element, window.opera ? 1 : 0, - { restoreAfterFinish: true, - beforeSetup: function(effect) { - effect.element.makeClipping(effect.element); }, - afterFinishInternal: function(effect) { - effect.element.hide(effect.element); - effect.element.undoClipping(effect.element); } - }); -} - -Effect.Grow = function(element) { - element = $(element); - var options = Object.extend({ - direction: 'center', - moveTransition: Effect.Transitions.sinoidal, - scaleTransition: Effect.Transitions.sinoidal, - opacityTransition: Effect.Transitions.full - }, arguments[1] || {}); - var oldStyle = { - top: element.style.top, - left: element.style.left, - height: element.style.height, - width: element.style.width, - opacity: element.getInlineOpacity() }; - - var dims = element.getDimensions(); - var initialMoveX, initialMoveY; - var moveX, moveY; - - switch (options.direction) { - case 'top-left': - initialMoveX = initialMoveY = moveX = moveY = 0; - break; - case 'top-right': - initialMoveX = dims.width; - initialMoveY = moveY = 0; - moveX = -dims.width; - break; - case 'bottom-left': - initialMoveX = moveX = 0; - initialMoveY = dims.height; - moveY = -dims.height; - break; - case 'bottom-right': - initialMoveX = dims.width; - initialMoveY = dims.height; - moveX = -dims.width; - moveY = -dims.height; - break; - case 'center': - initialMoveX = dims.width / 2; - initialMoveY = dims.height / 2; - moveX = -dims.width / 2; - moveY = -dims.height / 2; - break; - } - - return new Effect.Move(element, { - x: initialMoveX, - y: initialMoveY, - duration: 0.01, - beforeSetup: function(effect) { - effect.element.hide(); - effect.element.makeClipping(); - effect.element.makePositioned(); - }, - afterFinishInternal: function(effect) { - new Effect.Parallel( - [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }), - new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }), - new Effect.Scale(effect.element, 100, { - scaleMode: { originalHeight: dims.height, originalWidth: dims.width }, - sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true}) - ], Object.extend({ - beforeSetup: function(effect) { - effect.effects[0].element.setStyle({height: '0px'}); - effect.effects[0].element.show(); - }, - afterFinishInternal: function(effect) { - effect.effects[0].element.undoClipping(); - effect.effects[0].element.undoPositioned(); - effect.effects[0].element.setStyle(oldStyle); - } - }, options) - ) - } - }); -} - -Effect.Shrink = function(element) { - element = $(element); - var options = Object.extend({ - direction: 'center', - moveTransition: Effect.Transitions.sinoidal, - scaleTransition: Effect.Transitions.sinoidal, - opacityTransition: Effect.Transitions.none - }, arguments[1] || {}); - var oldStyle = { - top: element.style.top, - left: element.style.left, - height: element.style.height, - width: element.style.width, - opacity: element.getInlineOpacity() }; - - var dims = element.getDimensions(); - var moveX, moveY; - - switch (options.direction) { - case 'top-left': - moveX = moveY = 0; - break; - case 'top-right': - moveX = dims.width; - moveY = 0; - break; - case 'bottom-left': - moveX = 0; - moveY = dims.height; - break; - case 'bottom-right': - moveX = dims.width; - moveY = dims.height; - break; - case 'center': - moveX = dims.width / 2; - moveY = dims.height / 2; - break; - } - - return new Effect.Parallel( - [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }), - new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}), - new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }) - ], Object.extend({ - beforeStartInternal: function(effect) { - effect.effects[0].element.makePositioned(); - effect.effects[0].element.makeClipping(); }, - afterFinishInternal: function(effect) { - effect.effects[0].element.hide(); - effect.effects[0].element.undoClipping(); - effect.effects[0].element.undoPositioned(); - effect.effects[0].element.setStyle(oldStyle); } - }, options) - ); -} - -Effect.Pulsate = function(element) { - element = $(element); - var options = arguments[1] || {}; - var oldOpacity = element.getInlineOpacity(); - var transition = options.transition || Effect.Transitions.sinoidal; - var reverser = function(pos){ return transition(1-Effect.Transitions.pulse(pos)) }; - reverser.bind(transition); - return new Effect.Opacity(element, - Object.extend(Object.extend({ duration: 3.0, from: 0, - afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); } - }, options), {transition: reverser})); -} - -Effect.Fold = function(element) { - element = $(element); - var oldStyle = { - top: element.style.top, - left: element.style.left, - width: element.style.width, - height: element.style.height }; - Element.makeClipping(element); - return new Effect.Scale(element, 5, Object.extend({ - scaleContent: false, - scaleX: false, - afterFinishInternal: function(effect) { - new Effect.Scale(element, 1, { - scaleContent: false, - scaleY: false, - afterFinishInternal: function(effect) { - effect.element.hide(); - effect.element.undoClipping(); - effect.element.setStyle(oldStyle); - } }); - }}, arguments[1] || {})); -}; - -['setOpacity','getOpacity','getInlineOpacity','forceRerendering','setContentZoom', - 'collectTextNodes','collectTextNodesIgnoreClass','childrenWithClassName'].each( - function(f) { Element.Methods[f] = Element[f]; } -); - -Element.Methods.visualEffect = function(element, effect, options) { - s = effect.gsub(/_/, '-').camelize(); - effect_class = s.charAt(0).toUpperCase() + s.substring(1); - new Effect[effect_class](element, options); - return $(element); -}; - -Element.addMethods(); \ No newline at end of file diff --git a/manualtests/core/lib/scriptaculous/scriptaculous.js b/manualtests/core/lib/scriptaculous/scriptaculous.js deleted file mode 100644 index f61fc57..0000000 --- a/manualtests/core/lib/scriptaculous/scriptaculous.js +++ /dev/null @@ -1,47 +0,0 @@ -// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) -// -// Permission is hereby granted, free of charge, to any person obtaining -// a copy of this software and associated documentation files (the -// "Software"), to deal in the Software without restriction, including -// without limitation the rights to use, copy, modify, merge, publish, -// distribute, sublicense, and/or sell copies of the Software, and to -// permit persons to whom the Software is furnished to do so, subject to -// the following conditions: -// -// The above copyright notice and this permission notice shall be -// included in all copies or substantial portions of the Software. -// -// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - -var Scriptaculous = { - Version: '1.6.1', - require: function(libraryName) { - // inserting via DOM fails in Safari 2.0, so brute force approach - document.write(''); - }, - load: function() { - if((typeof Prototype=='undefined') || - (typeof Element == 'undefined') || - (typeof Element.Methods=='undefined') || - parseFloat(Prototype.Version.split(".")[0] + "." + - Prototype.Version.split(".")[1]) < 1.5) - throw("script.aculo.us requires the Prototype JavaScript framework >= 1.5.0"); - - $A(document.getElementsByTagName("script")).findAll( function(s) { - return (s.src && s.src.match(/scriptaculous\.js(\?.*)?$/)) - }).each( function(s) { - var path = s.src.replace(/scriptaculous\.js(\?.*)?$/,''); - var includes = s.src.match(/\?.*load=([a-z,]*)/); - (includes ? includes[1] : 'builder,effects,dragdrop,controls,slider').split(',').each( - function(include) { Scriptaculous.require(path+include+'.js') }); - }); - } -} - -Scriptaculous.load(); \ No newline at end of file diff --git a/manualtests/core/lib/scriptaculous/slider.js b/manualtests/core/lib/scriptaculous/slider.js deleted file mode 100644 index c0f1fc0..0000000 --- a/manualtests/core/lib/scriptaculous/slider.js +++ /dev/null @@ -1,283 +0,0 @@ -// Copyright (c) 2005 Marty Haught, Thomas Fuchs -// -// See http://script.aculo.us for more info -// -// Permission is hereby granted, free of charge, to any person obtaining -// a copy of this software and associated documentation files (the -// "Software"), to deal in the Software without restriction, including -// without limitation the rights to use, copy, modify, merge, publish, -// distribute, sublicense, and/or sell copies of the Software, and to -// permit persons to whom the Software is furnished to do so, subject to -// the following conditions: -// -// The above copyright notice and this permission notice shall be -// included in all copies or substantial portions of the Software. -// -// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - -if(!Control) var Control = {}; -Control.Slider = Class.create(); - -// options: -// axis: 'vertical', or 'horizontal' (default) -// -// callbacks: -// onChange(value) -// onSlide(value) -Control.Slider.prototype = { - initialize: function(handle, track, options) { - var slider = this; - - if(handle instanceof Array) { - this.handles = handle.collect( function(e) { return $(e) }); - } else { - this.handles = [$(handle)]; - } - - this.track = $(track); - this.options = options || {}; - - this.axis = this.options.axis || 'horizontal'; - this.increment = this.options.increment || 1; - this.step = parseInt(this.options.step || '1'); - this.range = this.options.range || $R(0,1); - - this.value = 0; // assure backwards compat - this.values = this.handles.map( function() { return 0 }); - this.spans = this.options.spans ? this.options.spans.map(function(s){ return $(s) }) : false; - this.options.startSpan = $(this.options.startSpan || null); - this.options.endSpan = $(this.options.endSpan || null); - - this.restricted = this.options.restricted || false; - - this.maximum = this.options.maximum || this.range.end; - this.minimum = this.options.minimum || this.range.start; - - // Will be used to align the handle onto the track, if necessary - this.alignX = parseInt(this.options.alignX || '0'); - this.alignY = parseInt(this.options.alignY || '0'); - - this.trackLength = this.maximumOffset() - this.minimumOffset(); - this.handleLength = this.isVertical() ? this.handles[0].offsetHeight : this.handles[0].offsetWidth; - - this.active = false; - this.dragging = false; - this.disabled = false; - - if(this.options.disabled) this.setDisabled(); - - // Allowed values array - this.allowedValues = this.options.values ? this.options.values.sortBy(Prototype.K) : false; - if(this.allowedValues) { - this.minimum = this.allowedValues.min(); - this.maximum = this.allowedValues.max(); - } - - this.eventMouseDown = this.startDrag.bindAsEventListener(this); - this.eventMouseUp = this.endDrag.bindAsEventListener(this); - this.eventMouseMove = this.update.bindAsEventListener(this); - - // Initialize handles in reverse (make sure first handle is active) - this.handles.each( function(h,i) { - i = slider.handles.length-1-i; - slider.setValue(parseFloat( - (slider.options.sliderValue instanceof Array ? - slider.options.sliderValue[i] : slider.options.sliderValue) || - slider.range.start), i); - Element.makePositioned(h); // fix IE - Event.observe(h, "mousedown", slider.eventMouseDown); - }); - - Event.observe(this.track, "mousedown", this.eventMouseDown); - Event.observe(document, "mouseup", this.eventMouseUp); - Event.observe(document, "mousemove", this.eventMouseMove); - - this.initialized = true; - }, - dispose: function() { - var slider = this; - Event.stopObserving(this.track, "mousedown", this.eventMouseDown); - Event.stopObserving(document, "mouseup", this.eventMouseUp); - Event.stopObserving(document, "mousemove", this.eventMouseMove); - this.handles.each( function(h) { - Event.stopObserving(h, "mousedown", slider.eventMouseDown); - }); - }, - setDisabled: function(){ - this.disabled = true; - }, - setEnabled: function(){ - this.disabled = false; - }, - getNearestValue: function(value){ - if(this.allowedValues){ - if(value >= this.allowedValues.max()) return(this.allowedValues.max()); - if(value <= this.allowedValues.min()) return(this.allowedValues.min()); - - var offset = Math.abs(this.allowedValues[0] - value); - var newValue = this.allowedValues[0]; - this.allowedValues.each( function(v) { - var currentOffset = Math.abs(v - value); - if(currentOffset <= offset){ - newValue = v; - offset = currentOffset; - } - }); - return newValue; - } - if(value > this.range.end) return this.range.end; - if(value < this.range.start) return this.range.start; - return value; - }, - setValue: function(sliderValue, handleIdx){ - if(!this.active) { - this.activeHandle = this.handles[handleIdx]; - this.activeHandleIdx = handleIdx; - this.updateStyles(); - } - handleIdx = handleIdx || this.activeHandleIdx || 0; - if(this.initialized && this.restricted) { - if((handleIdx>0) && (sliderValuethis.values[handleIdx+1])) - sliderValue = this.values[handleIdx+1]; - } - sliderValue = this.getNearestValue(sliderValue); - this.values[handleIdx] = sliderValue; - this.value = this.values[0]; // assure backwards compat - - this.handles[handleIdx].style[this.isVertical() ? 'top' : 'left'] = - this.translateToPx(sliderValue); - - this.drawSpans(); - if(!this.dragging || !this.event) this.updateFinished(); - }, - setValueBy: function(delta, handleIdx) { - this.setValue(this.values[handleIdx || this.activeHandleIdx || 0] + delta, - handleIdx || this.activeHandleIdx || 0); - }, - translateToPx: function(value) { - return Math.round( - ((this.trackLength-this.handleLength)/(this.range.end-this.range.start)) * - (value - this.range.start)) + "px"; - }, - translateToValue: function(offset) { - return ((offset/(this.trackLength-this.handleLength) * - (this.range.end-this.range.start)) + this.range.start); - }, - getRange: function(range) { - var v = this.values.sortBy(Prototype.K); - range = range || 0; - return $R(v[range],v[range+1]); - }, - minimumOffset: function(){ - return(this.isVertical() ? this.alignY : this.alignX); - }, - maximumOffset: function(){ - return(this.isVertical() ? - this.track.offsetHeight - this.alignY : this.track.offsetWidth - this.alignX); - }, - isVertical: function(){ - return (this.axis == 'vertical'); - }, - drawSpans: function() { - var slider = this; - if(this.spans) - $R(0, this.spans.length-1).each(function(r) { slider.setSpan(slider.spans[r], slider.getRange(r)) }); - if(this.options.startSpan) - this.setSpan(this.options.startSpan, - $R(0, this.values.length>1 ? this.getRange(0).min() : this.value )); - if(this.options.endSpan) - this.setSpan(this.options.endSpan, - $R(this.values.length>1 ? this.getRange(this.spans.length-1).max() : this.value, this.maximum)); - }, - setSpan: function(span, range) { - if(this.isVertical()) { - span.style.top = this.translateToPx(range.start); - span.style.height = this.translateToPx(range.end - range.start + this.range.start); - } else { - span.style.left = this.translateToPx(range.start); - span.style.width = this.translateToPx(range.end - range.start + this.range.start); - } - }, - updateStyles: function() { - this.handles.each( function(h){ Element.removeClassName(h, 'selected') }); - Element.addClassName(this.activeHandle, 'selected'); - }, - startDrag: function(event) { - if(Event.isLeftClick(event)) { - if(!this.disabled){ - this.active = true; - - var handle = Event.element(event); - var pointer = [Event.pointerX(event), Event.pointerY(event)]; - if(handle==this.track) { - var offsets = Position.cumulativeOffset(this.track); - this.event = event; - this.setValue(this.translateToValue( - (this.isVertical() ? pointer[1]-offsets[1] : pointer[0]-offsets[0])-(this.handleLength/2) - )); - var offsets = Position.cumulativeOffset(this.activeHandle); - this.offsetX = (pointer[0] - offsets[0]); - this.offsetY = (pointer[1] - offsets[1]); - } else { - // find the handle (prevents issues with Safari) - while((this.handles.indexOf(handle) == -1) && handle.parentNode) - handle = handle.parentNode; - - this.activeHandle = handle; - this.activeHandleIdx = this.handles.indexOf(this.activeHandle); - this.updateStyles(); - - var offsets = Position.cumulativeOffset(this.activeHandle); - this.offsetX = (pointer[0] - offsets[0]); - this.offsetY = (pointer[1] - offsets[1]); - } - } - Event.stop(event); - } - }, - update: function(event) { - if(this.active) { - if(!this.dragging) this.dragging = true; - this.draw(event); - // fix AppleWebKit rendering - if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0); - Event.stop(event); - } - }, - draw: function(event) { - var pointer = [Event.pointerX(event), Event.pointerY(event)]; - var offsets = Position.cumulativeOffset(this.track); - pointer[0] -= this.offsetX + offsets[0]; - pointer[1] -= this.offsetY + offsets[1]; - this.event = event; - this.setValue(this.translateToValue( this.isVertical() ? pointer[1] : pointer[0] )); - if(this.initialized && this.options.onSlide) - this.options.onSlide(this.values.length>1 ? this.values : this.value, this); - }, - endDrag: function(event) { - if(this.active && this.dragging) { - this.finishDrag(event, true); - Event.stop(event); - } - this.active = false; - this.dragging = false; - }, - finishDrag: function(event, success) { - this.active = false; - this.dragging = false; - this.updateFinished(); - }, - updateFinished: function() { - if(this.initialized && this.options.onChange) - this.options.onChange(this.values.length>1 ? this.values : this.value, this); - this.event = null; - } -} \ No newline at end of file diff --git a/manualtests/core/lib/scriptaculous/unittest.js b/manualtests/core/lib/scriptaculous/unittest.js deleted file mode 100644 index d2c2d81..0000000 --- a/manualtests/core/lib/scriptaculous/unittest.js +++ /dev/null @@ -1,383 +0,0 @@ -// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) -// (c) 2005 Jon Tirsen (http://www.tirsen.com) -// (c) 2005 Michael Schuerig (http://www.schuerig.de/michael/) -// -// Permission is hereby granted, free of charge, to any person obtaining -// a copy of this software and associated documentation files (the -// "Software"), to deal in the Software without restriction, including -// without limitation the rights to use, copy, modify, merge, publish, -// distribute, sublicense, and/or sell copies of the Software, and to -// permit persons to whom the Software is furnished to do so, subject to -// the following conditions: -// -// The above copyright notice and this permission notice shall be -// included in all copies or substantial portions of the Software. -// -// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - - -// experimental, Firefox-only -Event.simulateMouse = function(element, eventName) { - var options = Object.extend({ - pointerX: 0, - pointerY: 0, - buttons: 0 - }, arguments[2] || {}); - var oEvent = document.createEvent("MouseEvents"); - oEvent.initMouseEvent(eventName, true, true, document.defaultView, - options.buttons, options.pointerX, options.pointerY, options.pointerX, options.pointerY, - false, false, false, false, 0, $(element)); - - if(this.mark) Element.remove(this.mark); - this.mark = document.createElement('div'); - this.mark.appendChild(document.createTextNode(" ")); - document.body.appendChild(this.mark); - this.mark.style.position = 'absolute'; - this.mark.style.top = options.pointerY + "px"; - this.mark.style.left = options.pointerX + "px"; - this.mark.style.width = "5px"; - this.mark.style.height = "5px;"; - this.mark.style.borderTop = "1px solid red;" - this.mark.style.borderLeft = "1px solid red;" - - if(this.step) - alert('['+new Date().getTime().toString()+'] '+eventName+'/'+Test.Unit.inspect(options)); - - $(element).dispatchEvent(oEvent); -}; - -// Note: Due to a fix in Firefox 1.0.5/6 that probably fixed "too much", this doesn't work in 1.0.6 or DP2. -// You need to downgrade to 1.0.4 for now to get this working -// See https://bugzilla.mozilla.org/show_bug.cgi?id=289940 for the fix that fixed too much -Event.simulateKey = function(element, eventName) { - var options = Object.extend({ - ctrlKey: false, - altKey: false, - shiftKey: false, - metaKey: false, - keyCode: 0, - charCode: 0 - }, arguments[2] || {}); - - var oEvent = document.createEvent("KeyEvents"); - oEvent.initKeyEvent(eventName, true, true, window, - options.ctrlKey, options.altKey, options.shiftKey, options.metaKey, - options.keyCode, options.charCode ); - $(element).dispatchEvent(oEvent); -}; - -Event.simulateKeys = function(element, command) { - for(var i=0; i' + - '' + - '' + - '' + - '
    StatusTestMessage
    '; - this.logsummary = $('logsummary') - this.loglines = $('loglines'); - }, - _toHTML: function(txt) { - return txt.escapeHTML().replace(/\n/g,"
    "); - } -} - -Test.Unit.Runner = Class.create(); -Test.Unit.Runner.prototype = { - initialize: function(testcases) { - this.options = Object.extend({ - testLog: 'testlog' - }, arguments[1] || {}); - this.options.resultsURL = this.parseResultsURLQueryParameter(); - if (this.options.testLog) { - this.options.testLog = $(this.options.testLog) || null; - } - if(this.options.tests) { - this.tests = []; - for(var i = 0; i < this.options.tests.length; i++) { - if(/^test/.test(this.options.tests[i])) { - this.tests.push(new Test.Unit.Testcase(this.options.tests[i], testcases[this.options.tests[i]], testcases["setup"], testcases["teardown"])); - } - } - } else { - if (this.options.test) { - this.tests = [new Test.Unit.Testcase(this.options.test, testcases[this.options.test], testcases["setup"], testcases["teardown"])]; - } else { - this.tests = []; - for(var testcase in testcases) { - if(/^test/.test(testcase)) { - this.tests.push(new Test.Unit.Testcase(testcase, testcases[testcase], testcases["setup"], testcases["teardown"])); - } - } - } - } - this.currentTest = 0; - this.logger = new Test.Unit.Logger(this.options.testLog); - setTimeout(this.runTests.bind(this), 1000); - }, - parseResultsURLQueryParameter: function() { - return window.location.search.parseQuery()["resultsURL"]; - }, - // Returns: - // "ERROR" if there was an error, - // "FAILURE" if there was a failure, or - // "SUCCESS" if there was neither - getResult: function() { - var hasFailure = false; - for(var i=0;i 0) { - return "ERROR"; - } - if (this.tests[i].failures > 0) { - hasFailure = true; - } - } - if (hasFailure) { - return "FAILURE"; - } else { - return "SUCCESS"; - } - }, - postResults: function() { - if (this.options.resultsURL) { - new Ajax.Request(this.options.resultsURL, - { method: 'get', parameters: 'result=' + this.getResult(), asynchronous: false }); - } - }, - runTests: function() { - var test = this.tests[this.currentTest]; - if (!test) { - // finished! - this.postResults(); - this.logger.summary(this.summary()); - return; - } - if(!test.isWaiting) { - this.logger.start(test.name); - } - test.run(); - if(test.isWaiting) { - this.logger.message("Waiting for " + test.timeToWait + "ms"); - setTimeout(this.runTests.bind(this), test.timeToWait || 1000); - } else { - this.logger.finish(test.status(), test.summary()); - this.currentTest++; - // tail recursive, hopefully the browser will skip the stackframe - this.runTests(); - } - }, - summary: function() { - var assertions = 0; - var failures = 0; - var errors = 0; - var messages = []; - for(var i=0;i 0) return 'failed'; - if (this.errors > 0) return 'error'; - return 'passed'; - }, - assert: function(expression) { - var message = arguments[1] || 'assert: got "' + Test.Unit.inspect(expression) + '"'; - try { expression ? this.pass() : - this.fail(message); } - catch(e) { this.error(e); } - }, - assertEqual: function(expected, actual) { - var message = arguments[2] || "assertEqual"; - try { (expected == actual) ? this.pass() : - this.fail(message + ': expected "' + Test.Unit.inspect(expected) + - '", actual "' + Test.Unit.inspect(actual) + '"'); } - catch(e) { this.error(e); } - }, - assertEnumEqual: function(expected, actual) { - var message = arguments[2] || "assertEnumEqual"; - try { $A(expected).length == $A(actual).length && - expected.zip(actual).all(function(pair) { return pair[0] == pair[1] }) ? - this.pass() : this.fail(message + ': expected ' + Test.Unit.inspect(expected) + - ', actual ' + Test.Unit.inspect(actual)); } - catch(e) { this.error(e); } - }, - assertNotEqual: function(expected, actual) { - var message = arguments[2] || "assertNotEqual"; - try { (expected != actual) ? this.pass() : - this.fail(message + ': got "' + Test.Unit.inspect(actual) + '"'); } - catch(e) { this.error(e); } - }, - assertNull: function(obj) { - var message = arguments[1] || 'assertNull' - try { (obj==null) ? this.pass() : - this.fail(message + ': got "' + Test.Unit.inspect(obj) + '"'); } - catch(e) { this.error(e); } - }, - assertHidden: function(element) { - var message = arguments[1] || 'assertHidden'; - this.assertEqual("none", element.style.display, message); - }, - assertNotNull: function(object) { - var message = arguments[1] || 'assertNotNull'; - this.assert(object != null, message); - }, - assertInstanceOf: function(expected, actual) { - var message = arguments[2] || 'assertInstanceOf'; - try { - (actual instanceof expected) ? this.pass() : - this.fail(message + ": object was not an instance of the expected type"); } - catch(e) { this.error(e); } - }, - assertNotInstanceOf: function(expected, actual) { - var message = arguments[2] || 'assertNotInstanceOf'; - try { - !(actual instanceof expected) ? this.pass() : - this.fail(message + ": object was an instance of the not expected type"); } - catch(e) { this.error(e); } - }, - _isVisible: function(element) { - element = $(element); - if(!element.parentNode) return true; - this.assertNotNull(element); - if(element.style && Element.getStyle(element, 'display') == 'none') - return false; - - return this._isVisible(element.parentNode); - }, - assertNotVisible: function(element) { - this.assert(!this._isVisible(element), Test.Unit.inspect(element) + " was not hidden and didn't have a hidden parent either. " + ("" || arguments[1])); - }, - assertVisible: function(element) { - this.assert(this._isVisible(element), Test.Unit.inspect(element) + " was not visible. " + ("" || arguments[1])); - }, - benchmark: function(operation, iterations) { - var startAt = new Date(); - (iterations || 1).times(operation); - var timeTaken = ((new Date())-startAt); - this.info((arguments[2] || 'Operation') + ' finished ' + - iterations + ' iterations in ' + (timeTaken/1000)+'s' ); - return timeTaken; - } -} - -Test.Unit.Testcase = Class.create(); -Object.extend(Object.extend(Test.Unit.Testcase.prototype, Test.Unit.Assertions.prototype), { - initialize: function(name, test, setup, teardown) { - Test.Unit.Assertions.prototype.initialize.bind(this)(); - this.name = name; - this.test = test || function() {}; - this.setup = setup || function() {}; - this.teardown = teardown || function() {}; - this.isWaiting = false; - this.timeToWait = 1000; - }, - wait: function(time, nextPart) { - this.isWaiting = true; - this.test = nextPart; - this.timeToWait = time; - }, - run: function() { - try { - try { - if (!this.isWaiting) this.setup.bind(this)(); - this.isWaiting = false; - this.test.bind(this)(); - } finally { - if(!this.isWaiting) { - this.teardown.bind(this)(); - } - } - } - catch(e) { this.error(e); } - } -}); diff --git a/manualtests/core/scripts/find_matching_child.js b/manualtests/core/scripts/find_matching_child.js deleted file mode 100644 index e18a089..0000000 --- a/manualtests/core/scripts/find_matching_child.js +++ /dev/null @@ -1,69 +0,0 @@ -/* - * Copyright 2004 ThoughtWorks, Inc - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * - */ - -elementFindMatchingChildren = function(element, selector) { - var matches = []; - - var childCount = element.childNodes.length; - for (var i=0; i= "1.5"); - if (isRecentFirefox || browserVersion.isKonqueror || browserVersion.isSafari || browserVersion.isOpera) { - text = getTextContent(element); - } else if (element.textContent) { - text = element.textContent; - } else if (element.innerText) { - text = element.innerText; - } - - text = normalizeNewlines(text); - text = normalizeSpaces(text); - - return text.trim(); -} - -function getTextContent(element, preformatted) { - if (element.nodeType == 3 /*Node.TEXT_NODE*/) { - var text = element.data; - if (!preformatted) { - text = text.replace(/\n|\r|\t/g, " "); - } - return text; - } - if (element.nodeType == 1 /*Node.ELEMENT_NODE*/) { - var childrenPreformatted = preformatted || (element.tagName == "PRE"); - var text = ""; - for (var i = 0; i < element.childNodes.length; i++) { - var child = element.childNodes.item(i); - text += getTextContent(child, childrenPreformatted); - } - // Handle block elements that introduce newlines - // -- From HTML spec: - // - // - // TODO: should potentially introduce multiple newlines to separate blocks - if (element.tagName == "P" || element.tagName == "BR" || element.tagName == "HR" || element.tagName == "DIV") { - text += "\n"; - } - return text; - } - return ''; -} - -/** - * Convert all newlines to \m - */ -function normalizeNewlines(text) -{ - return text.replace(/\r\n|\r/g, "\n"); -} - -/** - * Replace multiple sequential spaces with a single space, and then convert   to space. - */ -function normalizeSpaces(text) -{ - // IE has already done this conversion, so doing it again will remove multiple nbsp - if (browserVersion.isIE) - { - return text; - } - - // Replace multiple spaces with a single space - // TODO - this shouldn't occur inside PRE elements - text = text.replace(/\ +/g, " "); - - // Replace   with a space - var nbspPattern = new RegExp(String.fromCharCode(160), "g"); - if (browserVersion.isSafari) { - return replaceAll(text, String.fromCharCode(160), " "); - } else { - return text.replace(nbspPattern, " "); - } -} - -function replaceAll(text, oldText, newText) { - while (text.indexOf(oldText) != -1) { - text = text.replace(oldText, newText); - } - return text; -} - - -function xmlDecode(text) { - text = text.replace(/"/g, '"'); - text = text.replace(/'/g, "'"); - text = text.replace(/</g, "<"); - text = text.replace(/>/g, ">"); - text = text.replace(/&/g, "&"); - return text; -} - -// Sets the text in this element -function setText(element, text) { - if (element.textContent != null) { - element.textContent = text; - } else if (element.innerText != null) { - element.innerText = text; - } -} - -// Get the value of an element -function getInputValue(inputElement) { - if (inputElement.type) { - if (inputElement.type.toUpperCase() == 'CHECKBOX' || - inputElement.type.toUpperCase() == 'RADIO') - { - return (inputElement.checked ? 'on' : 'off'); - } - } - if (inputElement.value == null) { - throw new SeleniumError("This element has no value; is it really a form field?"); - } - return inputElement.value; -} - -/* Fire an event in a browser-compatible manner */ -function triggerEvent(element, eventType, canBubble, controlKeyDown, altKeyDown, shiftKeyDown, metaKeyDown) { - canBubble = (typeof(canBubble) == undefined) ? true : canBubble; - if (element.fireEvent) { - var evt = createEventObject(element, controlKeyDown, altKeyDown, shiftKeyDown, metaKeyDown); - element.fireEvent('on' + eventType, evt); - } - else { - var evt = document.createEvent('HTMLEvents'); - - try { - evt.shiftKey = shiftKeyDown; - evt.metaKey = metaKeyDown; - evt.altKey = altKeyDown; - evt.ctrlKey = controlKeyDown; - } catch (e) { - // On Firefox 1.0, you can only set these during initMouseEvent or initKeyEvent - // we'll have to ignore them here - LOG.exception(e); - } - - evt.initEvent(eventType, canBubble, true); - element.dispatchEvent(evt); - } -} - -function getKeyCodeFromKeySequence(keySequence) { - var match = /^\\(\d{1,3})$/.exec(keySequence); - if (match != null) { - return match[1]; - } - match = /^.$/.exec(keySequence); - if (match != null) { - return match[0].charCodeAt(0); - } - // this is for backward compatibility with existing tests - // 1 digit ascii codes will break however because they are used for the digit chars - match = /^\d{2,3}$/.exec(keySequence); - if (match != null) { - return match[0]; - } - throw new SeleniumError("invalid keySequence"); -} - -function createEventObject(element, controlKeyDown, altKeyDown, shiftKeyDown, metaKeyDown) { - var evt = element.ownerDocument.createEventObject(); - evt.shiftKey = shiftKeyDown; - evt.metaKey = metaKeyDown; - evt.altKey = altKeyDown; - evt.ctrlKey = controlKeyDown; - return evt; -} - -function triggerKeyEvent(element, eventType, keySequence, canBubble, controlKeyDown, altKeyDown, shiftKeyDown, metaKeyDown) { - var keycode = getKeyCodeFromKeySequence(keySequence); - canBubble = (typeof(canBubble) == undefined) ? true : canBubble; - if (element.fireEvent) { - var keyEvent = createEventObject(element, controlKeyDown, altKeyDown, shiftKeyDown, metaKeyDown); - keyEvent.keyCode = keycode; - element.fireEvent('on' + eventType, keyEvent); - } - else { - var evt; - if (window.KeyEvent) { - evt = document.createEvent('KeyEvents'); - evt.initKeyEvent(eventType, true, true, window, controlKeyDown, altKeyDown, shiftKeyDown, metaKeyDown, keycode, keycode); - } else { - evt = document.createEvent('UIEvents'); - - evt.shiftKey = shiftKeyDown; - evt.metaKey = metaKeyDown; - evt.altKey = altKeyDown; - evt.ctrlKey = controlKeyDown; - - evt.initUIEvent(eventType, true, true, window, 1); - evt.keyCode = keycode; - evt.which = keycode; - } - - element.dispatchEvent(evt); - } -} - -function removeLoadListener(element, command) { - LOG.debug('Removing loadListenter for ' + element + ', ' + command); - if (window.removeEventListener) - element.removeEventListener("load", command, true); - else if (window.detachEvent) - element.detachEvent("onload", command); -} - -function addLoadListener(element, command) { - LOG.debug('Adding loadListenter for ' + element + ', ' + command); - var augmentedCommand = function() { - command.call(this, element); - } - if (window.addEventListener && !browserVersion.isOpera) - element.addEventListener("load", augmentedCommand, true); - else if (window.attachEvent) - element.attachEvent("onload", augmentedCommand); -} - -/** - * Override the broken getFunctionName() method from JsUnit - * This file must be loaded _after_ the jsunitCore.js - */ -function getFunctionName(aFunction) { - var regexpResult = aFunction.toString().match(/function (\w*)/); - if (regexpResult && regexpResult[1]) { - return regexpResult[1]; - } - return 'anonymous'; -} - -function getDocumentBase(doc) { - var bases = document.getElementsByTagName("base"); - if (bases && bases.length && bases[0].href) { - return bases[0].href; - } - return ""; -} - -function getTagName(element) { - var tagName; - if (element && element.tagName && element.tagName.toLowerCase) { - tagName = element.tagName.toLowerCase(); - } - return tagName; -} - -function selArrayToString(a) { - if (isArray(a)) { - // DGF copying the array, because the array-like object may be a non-modifiable nodelist - var retval = []; - for (var i = 0; i < a.length; i++) { - var item = a[i]; - var replaced = new String(item).replace(/([,\\])/g, '\\$1'); - retval[i] = replaced; - } - return retval; - } - return new String(a); -} - - -function isArray(x) { - return ((typeof x) == "object") && (x["length"] != null); -} - -function absolutify(url, baseUrl) { - /** returns a relative url in its absolute form, given by baseUrl. - * - * This function is a little odd, because it can take baseUrls that - * aren't necessarily directories. It uses the same rules as the HTML - * <base> tag; if the baseUrl doesn't end with "/", we'll assume - * that it points to a file, and strip the filename off to find its - * base directory. - * - * So absolutify("foo", "http://x/bar") will return "http://x/foo" (stripping off bar), - * whereas absolutify("foo", "http://x/bar/") will return "http://x/bar/foo" (preserving bar). - * Naturally absolutify("foo", "http://x") will return "http://x/foo", appropriately. - * - * @param url the url to make absolute; if this url is already absolute, we'll just return that, unchanged - * @param baseUrl the baseUrl from which we'll absolutify, following the rules above. - * @return 'url' if it was already absolute, or the absolutized version of url if it was not absolute. - */ - - // DGF isn't there some library we could use for this? - - if (/^\w+:/.test(url)) { - // it's already absolute - return url; - } - - var loc; - try { - loc = parseUrl(baseUrl); - } catch (e) { - // is it an absolute windows file path? let's play the hero in that case - if (/^\w:\\/.test(baseUrl)) { - baseUrl = "file:///" + baseUrl.replace(/\\/g, "/"); - loc = parseUrl(baseUrl); - } else { - throw new SeleniumError("baseUrl wasn't absolute: " + baseUrl); - } - } - loc.search = null; - loc.hash = null; - - // if url begins with /, then that's the whole pathname - if (/^\//.test(url)) { - loc.pathname = url; - var result = reassembleLocation(loc); - return result; - } - - // if pathname is null, then we'll just append "/" + the url - if (!loc.pathname) { - loc.pathname = "/" + url; - var result = reassembleLocation(loc); - return result; - } - - // if pathname ends with /, just append url - if (/\/$/.test(loc.pathname)) { - loc.pathname += url; - var result = reassembleLocation(loc); - return result; - } - - // if we're here, then the baseUrl has a pathname, but it doesn't end with / - // in that case, we replace everything after the final / with the relative url - loc.pathname = loc.pathname.replace(/[^\/\\]+$/, url); - var result = reassembleLocation(loc); - return result; - -} - -var URL_REGEX = /^((\w+):\/\/)(([^:]+):?([^@]+)?@)?([^\/\?:]*):?(\d+)?(\/?[^\?#]+)?\??([^#]+)?#?(.+)?/; - -function parseUrl(url) { - var fields = ['url', null, 'protocol', null, 'username', 'password', 'host', 'port', 'pathname', 'search', 'hash']; - var result = URL_REGEX.exec(url); - if (!result) { - throw new SeleniumError("Invalid URL: " + url); - } - var loc = new Object(); - for (var i = 0; i < fields.length; i++) { - var field = fields[i]; - if (field == null) { - continue; - } - loc[field] = result[i]; - } - return loc; -} - -function reassembleLocation(loc) { - if (!loc.protocol) { - throw new Error("Not a valid location object: " + o2s(loc)); - } - var protocol = loc.protocol; - protocol = protocol.replace(/:$/, ""); - var url = protocol + "://"; - if (loc.username) { - url += loc.username; - if (loc.password) { - url += ":" + loc.password; - } - url += "@"; - } - if (loc.host) { - url += loc.host; - } - - if (loc.port) { - url += ":" + loc.port; - } - - if (loc.pathname) { - url += loc.pathname; - } - - if (loc.search) { - url += "?" + loc.search; - } - if (loc.hash) { - var hash = loc.hash; - hash = loc.hash.replace(/^#/, ""); - url += "#" + hash; - } - return url; -} - -function canonicalize(url) { - var tempLink = window.document.createElement("link"); - tempLink.href = url; // this will canonicalize the href on most browsers - var loc = parseUrl(tempLink.href) - if (!/\/\.\.\//.test(loc.pathname)) { - return tempLink.href; - } - // didn't work... let's try it the hard way - var originalParts = loc.pathname.split("/"); - var newParts = []; - newParts.push(originalParts.shift()); - for (var i = 0; i < originalParts.length; i++) { - var part = originalParts[i]; - if (".." == part) { - newParts.pop(); - continue; - } - newParts.push(part); - } - loc.pathname = newParts.join("/"); - return reassembleLocation(loc); -} - -function extractExceptionMessage(ex) { - if (ex == null) return "null exception"; - if (ex.message != null) return ex.message; - if (ex.toString && ex.toString() != null) return ex.toString(); -} - - -function describe(object, delimiter) { - var props = new Array(); - for (var prop in object) { - try { - props.push(prop + " -> " + object[prop]); - } catch (e) { - props.push(prop + " -> [htmlutils: ack! couldn't read this property! (Permission Denied?)]"); - } - } - return props.join(delimiter || '\n'); -} - -var PatternMatcher = function(pattern) { - this.selectStrategy(pattern); -}; -PatternMatcher.prototype = { - - selectStrategy: function(pattern) { - this.pattern = pattern; - var strategyName = 'glob'; - // by default - if (/^([a-z-]+):(.*)/.test(pattern)) { - var possibleNewStrategyName = RegExp.$1; - var possibleNewPattern = RegExp.$2; - if (PatternMatcher.strategies[possibleNewStrategyName]) { - strategyName = possibleNewStrategyName; - pattern = possibleNewPattern; - } - } - var matchStrategy = PatternMatcher.strategies[strategyName]; - if (!matchStrategy) { - throw new SeleniumError("cannot find PatternMatcher.strategies." + strategyName); - } - this.strategy = matchStrategy; - this.matcher = new matchStrategy(pattern); - }, - - matches: function(actual) { - return this.matcher.matches(actual + ''); - // Note: appending an empty string avoids a Konqueror bug - } - -}; - -/** - * A "static" convenience method for easy matching - */ -PatternMatcher.matches = function(pattern, actual) { - return new PatternMatcher(pattern).matches(actual); -}; - -PatternMatcher.strategies = { - -/** - * Exact matching, e.g. "exact:***" - */ - exact: function(expected) { - this.expected = expected; - this.matches = function(actual) { - return actual == this.expected; - }; - }, - -/** - * Match by regular expression, e.g. "regexp:^[0-9]+$" - */ - regexp: function(regexpString) { - this.regexp = new RegExp(regexpString); - this.matches = function(actual) { - return this.regexp.test(actual); - }; - }, - - regex: function(regexpString) { - this.regexp = new RegExp(regexpString); - this.matches = function(actual) { - return this.regexp.test(actual); - }; - }, - -/** - * "globContains" (aka "wildmat") patterns, e.g. "glob:one,two,*", - * but don't require a perfect match; instead succeed if actual - * contains something that matches globString. - * Making this distinction is motivated by a bug in IE6 which - * leads to the browser hanging if we implement *TextPresent tests - * by just matching against a regular expression beginning and - * ending with ".*". The globcontains strategy allows us to satisfy - * the functional needs of the *TextPresent ops more efficiently - * and so avoid running into this IE6 freeze. - */ - globContains: function(globString) { - this.regexp = new RegExp(PatternMatcher.regexpFromGlobContains(globString)); - this.matches = function(actual) { - return this.regexp.test(actual); - }; - }, - - -/** - * "glob" (aka "wildmat") patterns, e.g. "glob:one,two,*" - */ - glob: function(globString) { - this.regexp = new RegExp(PatternMatcher.regexpFromGlob(globString)); - this.matches = function(actual) { - return this.regexp.test(actual); - }; - } - -}; - -PatternMatcher.convertGlobMetaCharsToRegexpMetaChars = function(glob) { - var re = glob; - re = re.replace(/([.^$+(){}\[\]\\|])/g, "\\$1"); - re = re.replace(/\?/g, "(.|[\r\n])"); - re = re.replace(/\*/g, "(.|[\r\n])*"); - return re; -}; - -PatternMatcher.regexpFromGlobContains = function(globContains) { - return PatternMatcher.convertGlobMetaCharsToRegexpMetaChars(globContains); -}; - -PatternMatcher.regexpFromGlob = function(glob) { - return "^" + PatternMatcher.convertGlobMetaCharsToRegexpMetaChars(glob) + "$"; -}; - -var Assert = { - - fail: function(message) { - throw new AssertionFailedError(message); - }, - -/* -* Assert.equals(comment?, expected, actual) -*/ - equals: function() { - var args = new AssertionArguments(arguments); - if (args.expected === args.actual) { - return; - } - Assert.fail(args.comment + - "Expected '" + args.expected + - "' but was '" + args.actual + "'"); - }, - -/* -* Assert.matches(comment?, pattern, actual) -*/ - matches: function() { - var args = new AssertionArguments(arguments); - if (PatternMatcher.matches(args.expected, args.actual)) { - return; - } - Assert.fail(args.comment + - "Actual value '" + args.actual + - "' did not match '" + args.expected + "'"); - }, - -/* -* Assert.notMtches(comment?, pattern, actual) -*/ - notMatches: function() { - var args = new AssertionArguments(arguments); - if (!PatternMatcher.matches(args.expected, args.actual)) { - return; - } - Assert.fail(args.comment + - "Actual value '" + args.actual + - "' did match '" + args.expected + "'"); - } - -}; - -// Preprocess the arguments to allow for an optional comment. -function AssertionArguments(args) { - if (args.length == 2) { - this.comment = ""; - this.expected = args[0]; - this.actual = args[1]; - } else { - this.comment = args[0] + "; "; - this.expected = args[1]; - this.actual = args[2]; - } -} - -function AssertionFailedError(message) { - this.isAssertionFailedError = true; - this.isSeleniumError = true; - this.message = message; - this.failureMessage = message; -} - -function SeleniumError(message) { - var error = new Error(message); - if (typeof(arguments.caller) != 'undefined') { // IE, not ECMA - var result = ''; - for (var a = arguments.caller; a != null; a = a.caller) { - result += '> ' + a.callee.toString() + '\n'; - if (a.caller == a) { - result += '*'; - break; - } - } - error.stack = result; - } - error.isSeleniumError = true; - return error; -} - -function highlight(element) { - var highLightColor = "yellow"; - if (element.originalColor == undefined) { // avoid picking up highlight - element.originalColor = elementGetStyle(element, "background-color"); - } - elementSetStyle(element, {"backgroundColor" : highLightColor}); - window.setTimeout(function() { - try { - //if element is orphan, probably page of it has already gone, so ignore - if (!element.parentNode) { - return; - } - elementSetStyle(element, {"backgroundColor" : element.originalColor}); - } catch (e) {} // DGF unhighlighting is very dangerous and low priority - }, 200); -} - - - -// for use from vs.2003 debugger -function o2s(obj) { - var s = ""; - for (key in obj) { - var line = key + "->" + obj[key]; - line.replace("\n", " "); - s += line + "\n"; - } - return s; -} - -var seenReadyStateWarning = false; - -function openSeparateApplicationWindow(url, suppressMozillaWarning) { - // resize the Selenium window itself - window.resizeTo(1200, 500); - window.moveTo(window.screenX, 0); - - var appWindow = window.open(url + '?start=true', 'main'); - if (appWindow == null) { - var errorMessage = "Couldn't open app window; is the pop-up blocker enabled?" - LOG.error(errorMessage); - throw new Error("Couldn't open app window; is the pop-up blocker enabled?"); - } - try { - var windowHeight = 500; - if (window.outerHeight) { - windowHeight = window.outerHeight; - } else if (document.documentElement && document.documentElement.offsetHeight) { - windowHeight = document.documentElement.offsetHeight; - } - - if (window.screenLeft && !window.screenX) window.screenX = window.screenLeft; - if (window.screenTop && !window.screenY) window.screenY = window.screenTop; - - appWindow.resizeTo(1200, screen.availHeight - windowHeight - 60); - appWindow.moveTo(window.screenX, window.screenY + windowHeight + 25); - } catch (e) { - LOG.error("Couldn't resize app window"); - LOG.exception(e); - } - - - if (!suppressMozillaWarning && window.document.readyState == null && !seenReadyStateWarning) { - alert("Beware! Mozilla bug 300992 means that we can't always reliably detect when a new page has loaded. Install the Selenium IDE extension or the readyState extension available from selenium.openqa.org to make page load detection more reliable."); - seenReadyStateWarning = true; - } - - return appWindow; -} - -var URLConfiguration = classCreate(); -objectExtend(URLConfiguration.prototype, { - initialize: function() { - }, - _isQueryParameterTrue: function (name) { - var parameterValue = this._getQueryParameter(name); - if (parameterValue == null) return false; - if (parameterValue.toLowerCase() == "true") return true; - if (parameterValue.toLowerCase() == "on") return true; - return false; - }, - - _getQueryParameter: function(searchKey) { - var str = this.queryString - if (str == null) return null; - var clauses = str.split('&'); - for (var i = 0; i < clauses.length; i++) { - var keyValuePair = clauses[i].split('=', 2); - var key = unescape(keyValuePair[0]); - if (key == searchKey) { - return unescape(keyValuePair[1]); - } - } - return null; - }, - - _extractArgs: function() { - var str = SeleniumHTARunner.commandLine; - if (str == null || str == "") return new Array(); - var matches = str.match(/(?:\"([^\"]+)\"|(?!\"([^\"]+)\")(\S+))/g); - // We either want non quote stuff ([^"]+) surrounded by quotes - // or we want to look-ahead, see that the next character isn't - // a quoted argument, and then grab all the non-space stuff - // this will return for the line: "foo" bar - // the results "\"foo\"" and "bar" - - // So, let's unquote the quoted arguments: - var args = new Array; - for (var i = 0; i < matches.length; i++) { - args[i] = matches[i]; - args[i] = args[i].replace(/^"(.*)"$/, "$1"); - } - return args; - }, - - isMultiWindowMode:function() { - return this._isQueryParameterTrue('multiWindow'); - }, - - getBaseUrl:function() { - return this._getQueryParameter('baseUrl'); - - } -}); - - -function safeScrollIntoView(element) { - if (element.scrollIntoView) { - element.scrollIntoView(false); - return; - } - // TODO: work out how to scroll browsers that don't support - // scrollIntoView (like Konqueror) -} diff --git a/manualtests/core/scripts/injection.html b/manualtests/core/scripts/injection.html deleted file mode 100644 index 3d8aa03..0000000 --- a/manualtests/core/scripts/injection.html +++ /dev/null @@ -1,72 +0,0 @@ - diff --git a/manualtests/core/scripts/js2html.js b/manualtests/core/scripts/js2html.js deleted file mode 100644 index a384dce..0000000 --- a/manualtests/core/scripts/js2html.js +++ /dev/null @@ -1,70 +0,0 @@ -/* - -This is an experiment in using the Narcissus JavaScript engine -to allow Selenium scripts to be written in plain JavaScript. - -The 'jsparse' function will compile each high level block into a Selenium table script. - - -TODO: -1) Test! (More browsers, more sample scripts) -2) Stepping and walking lower levels of the parse tree -3) Calling Selenium commands directly from JavaScript -4) Do we want comments to appear in the TestRunner? -5) Fix context so variables don't have to be global - For now, variables defined with "var" won't be found - if used later on in a script. -6) Fix formatting -*/ - - -function jsparse() { - var script = document.getElementById('sejs') - var fname = 'javascript script'; - parse_result = parse(script.text, fname, 0); - - var x2 = new ExecutionContext(GLOBAL_CODE); - ExecutionContext.current = x2; - - - var new_test_source = ''; - var new_line = ''; - - for (i=0;icurrentTest.doNextCommand()' + - '' + script_fragment + '' + - '\n'; - new_test_source += new_line; - //eval(script_fragment); - - - }; - - - - execute(parse_result,x2) - - // Create HTML Table - body = document.body - body.innerHTML += ""+ - "" + - "" + - new_test_source + - ""; - - //body.innerHTML = "
    " + parse_result + "
    " -} - - diff --git a/manualtests/core/scripts/narcissus-defs.js b/manualtests/core/scripts/narcissus-defs.js deleted file mode 100644 index 5869397..0000000 --- a/manualtests/core/scripts/narcissus-defs.js +++ /dev/null @@ -1,175 +0,0 @@ -/* ***** BEGIN LICENSE BLOCK ***** - * Version: MPL 1.1/GPL 2.0/LGPL 2.1 - * - * The contents of this file are subject to the Mozilla Public License Version - * 1.1 (the "License"); you may not use this file except in compliance with - * the License. You may obtain a copy of the License at - * http://www.mozilla.org/MPL/ - * - * Software distributed under the License is distributed on an "AS IS" basis, - * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License - * for the specific language governing rights and limitations under the - * License. - * - * The Original Code is the Narcissus JavaScript engine. - * - * The Initial Developer of the Original Code is - * Brendan Eich . - * Portions created by the Initial Developer are Copyright (C) 2004 - * the Initial Developer. All Rights Reserved. - * - * Contributor(s): - * - * Alternatively, the contents of this file may be used under the terms of - * either the GNU General Public License Version 2 or later (the "GPL"), or - * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), - * in which case the provisions of the GPL or the LGPL are applicable instead - * of those above. If you wish to allow use of your version of this file only - * under the terms of either the GPL or the LGPL, and not to allow others to - * use your version of this file under the terms of the MPL, indicate your - * decision by deleting the provisions above and replace them with the notice - * and other provisions required by the GPL or the LGPL. If you do not delete - * the provisions above, a recipient may use your version of this file under - * the terms of any one of the MPL, the GPL or the LGPL. - * - * ***** END LICENSE BLOCK ***** */ - -/* - * Narcissus - JS implemented in JS. - * - * Well-known constants and lookup tables. Many consts are generated from the - * tokens table via eval to minimize redundancy, so consumers must be compiled - * separately to take advantage of the simple switch-case constant propagation - * done by SpiderMonkey. - */ - -// jrh -//module('JS.Defs'); - -GLOBAL = this; - -var tokens = [ - // End of source. - "END", - - // Operators and punctuators. Some pair-wise order matters, e.g. (+, -) - // and (UNARY_PLUS, UNARY_MINUS). - "\n", ";", - ",", - "=", - "?", ":", "CONDITIONAL", - "||", - "&&", - "|", - "^", - "&", - "==", "!=", "===", "!==", - "<", "<=", ">=", ">", - "<<", ">>", ">>>", - "+", "-", - "*", "/", "%", - "!", "~", "UNARY_PLUS", "UNARY_MINUS", - "++", "--", - ".", - "[", "]", - "{", "}", - "(", ")", - - // Nonterminal tree node type codes. - "SCRIPT", "BLOCK", "LABEL", "FOR_IN", "CALL", "NEW_WITH_ARGS", "INDEX", - "ARRAY_INIT", "OBJECT_INIT", "PROPERTY_INIT", "GETTER", "SETTER", - "GROUP", "LIST", - - // Terminals. - "IDENTIFIER", "NUMBER", "STRING", "REGEXP", - - // Keywords. - "break", - "case", "catch", "const", "continue", - "debugger", "default", "delete", "do", - "else", "enum", - "false", "finally", "for", "function", - "if", "in", "instanceof", - "new", "null", - "return", - "switch", - "this", "throw", "true", "try", "typeof", - "var", "void", - "while", "with", - // Extensions - "require", "bless", "mixin", "import" -]; - -// Operator and punctuator mapping from token to tree node type name. -// NB: superstring tokens (e.g., ++) must come before their substring token -// counterparts (+ in the example), so that the opRegExp regular expression -// synthesized from this list makes the longest possible match. -var opTypeNames = { - '\n': "NEWLINE", - ';': "SEMICOLON", - ',': "COMMA", - '?': "HOOK", - ':': "COLON", - '||': "OR", - '&&': "AND", - '|': "BITWISE_OR", - '^': "BITWISE_XOR", - '&': "BITWISE_AND", - '===': "STRICT_EQ", - '==': "EQ", - '=': "ASSIGN", - '!==': "STRICT_NE", - '!=': "NE", - '<<': "LSH", - '<=': "LE", - '<': "LT", - '>>>': "URSH", - '>>': "RSH", - '>=': "GE", - '>': "GT", - '++': "INCREMENT", - '--': "DECREMENT", - '+': "PLUS", - '-': "MINUS", - '*': "MUL", - '/': "DIV", - '%': "MOD", - '!': "NOT", - '~': "BITWISE_NOT", - '.': "DOT", - '[': "LEFT_BRACKET", - ']': "RIGHT_BRACKET", - '{': "LEFT_CURLY", - '}': "RIGHT_CURLY", - '(': "LEFT_PAREN", - ')': "RIGHT_PAREN" -}; - -// Hash of keyword identifier to tokens index. NB: we must null __proto__ to -// avoid toString, etc. namespace pollution. -var keywords = {__proto__: null}; - -// Define const END, etc., based on the token names. Also map name to index. -var consts = " "; -for (var i = 0, j = tokens.length; i < j; i++) { - if (i > 0) - consts += "; "; - var t = tokens[i]; - if (/^[a-z]/.test(t)) { - consts += t.toUpperCase(); - keywords[t] = i; - } else { - consts += (/^\W/.test(t) ? opTypeNames[t] : t); - } - consts += " = " + i; - tokens[t] = i; -} -eval(consts + ";"); - -// Map assignment operators to their indexes in the tokens array. -var assignOps = ['|', '^', '&', '<<', '>>', '>>>', '+', '-', '*', '/', '%']; - -for (i = 0, j = assignOps.length; i < j; i++) { - t = assignOps[i]; - assignOps[t] = tokens[t]; -} diff --git a/manualtests/core/scripts/narcissus-exec.js b/manualtests/core/scripts/narcissus-exec.js deleted file mode 100644 index e2c88f8..0000000 --- a/manualtests/core/scripts/narcissus-exec.js +++ /dev/null @@ -1,1054 +0,0 @@ -/* ***** BEGIN LICENSE BLOCK ***** - * vim: set ts=4 sw=4 et tw=80: - * - * Version: MPL 1.1/GPL 2.0/LGPL 2.1 - * - * The contents of this file are subject to the Mozilla Public License Version - * 1.1 (the "License"); you may not use this file except in compliance with - * the License. You may obtain a copy of the License at - * http://www.mozilla.org/MPL/ - * - * Software distributed under the License is distributed on an "AS IS" basis, - * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License - * for the specific language governing rights and limitations under the - * License. - * - * The Original Code is the Narcissus JavaScript engine. - * - * The Initial Developer of the Original Code is - * Brendan Eich . - * Portions created by the Initial Developer are Copyright (C) 2004 - * the Initial Developer. All Rights Reserved. - * - * Contributor(s): - * - * Alternatively, the contents of this file may be used under the terms of - * either the GNU General Public License Version 2 or later (the "GPL"), or - * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), - * in which case the provisions of the GPL or the LGPL are applicable instead - * of those above. If you wish to allow use of your version of this file only - * under the terms of either the GPL or the LGPL, and not to allow others to - * use your version of this file under the terms of the MPL, indicate your - * decision by deleting the provisions above and replace them with the notice - * and other provisions required by the GPL or the LGPL. If you do not delete - * the provisions above, a recipient may use your version of this file under - * the terms of any one of the MPL, the GPL or the LGPL. - * - * ***** END LICENSE BLOCK ***** */ - -/* - * Narcissus - JS implemented in JS. - * - * Execution of parse trees. - * - * Standard classes except for eval, Function, Array, and String are borrowed - * from the host JS environment. Function is metacircular. Array and String - * are reflected via wrapping the corresponding native constructor and adding - * an extra level of prototype-based delegation. - */ - -// jrh -//module('JS.Exec'); -// end jrh - -GLOBAL_CODE = 0; EVAL_CODE = 1; FUNCTION_CODE = 2; - -function ExecutionContext(type) { - this.type = type; -} - -// jrh -var agenda = new Array(); -var skip_setup = 0; -// end jrh - -var global = { - // Value properties. - NaN: NaN, Infinity: Infinity, undefined: undefined, - alert : function(msg) { alert(msg) }, - confirm : function(msg) { return confirm(msg) }, - document : document, - window : window, - // jrh - //debug: window.open('','debugwindow','width=600,height=400,scrollbars=yes,resizable=yes'), - // end jrh - navigator : navigator, - XMLHttpRequest : function() { return new XMLHttpRequest() }, - // Function properties. - eval: function(s) { - if (typeof s != "string") { - return s; - } - - var x = ExecutionContext.current; - var x2 = new ExecutionContext(EVAL_CODE); - x2.thisObject = x.thisObject; - x2.caller = x.caller; - x2.callee = x.callee; - x2.scope = x.scope; - ExecutionContext.current = x2; - try { - execute(parse(s), x2); - } catch (e) { - x.result = x2.result; - throw e; - } finally { - ExecutionContext.current = x; - } - return x2.result; - }, - parseInt: parseInt, parseFloat: parseFloat, - isNaN: isNaN, isFinite: isFinite, - decodeURI: decodeURI, encodeURI: encodeURI, - decodeURIComponent: decodeURIComponent, - encodeURIComponent: encodeURIComponent, - - // Class constructors. Where ECMA-262 requires C.length == 1, we declare - // a dummy formal parameter. - Object: Object, - Function: function(dummy) { - var p = "", b = "", n = arguments.length; - if (n) { - var m = n - 1; - if (m) { - p += arguments[0]; - for (var k = 1; k < m; k++) - p += "," + arguments[k]; - } - b += arguments[m]; - } - - // XXX We want to pass a good file and line to the tokenizer. - // Note the anonymous name to maintain parity with Spidermonkey. - var t = new Tokenizer("anonymous(" + p + ") {" + b + "}"); - - // NB: Use the STATEMENT_FORM constant since we don't want to push this - // function onto the null compilation context. - var f = FunctionDefinition(t, null, false, STATEMENT_FORM); - var s = {object: global, parent: null}; - return new FunctionObject(f, s); - }, - Array: function(dummy) { - // Array when called as a function acts as a constructor. - return GLOBAL.Array.apply(this, arguments); - }, - String: function(s) { - // Called as function or constructor: convert argument to string type. - s = arguments.length ? "" + s : ""; - if (this instanceof String) { - // Called as constructor: save the argument as the string value - // of this String object and return this object. - this.value = s; - return this; - } - return s; - }, - Boolean: Boolean, Number: Number, Date: Date, RegExp: RegExp, - Error: Error, EvalError: EvalError, RangeError: RangeError, - ReferenceError: ReferenceError, SyntaxError: SyntaxError, - TypeError: TypeError, URIError: URIError, - - // Other properties. - Math: Math, - - // Extensions to ECMA. - //snarf: snarf, - evaluate: evaluate, - load: function(s) { - if (typeof s != "string") - return s; - var req = new XMLHttpRequest(); - req.open('GET', s, false); - req.send(null); - - evaluate(req.responseText, s, 1) - }, - print: print, version: null -}; - -// jrh -//global.debug.document.body.innerHTML = '' -// end jrh - -// Helper to avoid Object.prototype.hasOwnProperty polluting scope objects. -function hasDirectProperty(o, p) { - return Object.prototype.hasOwnProperty.call(o, p); -} - -// Reflect a host class into the target global environment by delegation. -function reflectClass(name, proto) { - var gctor = global[name]; - gctor.prototype = proto; - proto.constructor = gctor; - return proto; -} - -// Reflect Array -- note that all Array methods are generic. -reflectClass('Array', new Array); - -// Reflect String, overriding non-generic methods. -var gSp = reflectClass('String', new String); -gSp.toSource = function () { return this.value.toSource(); }; -gSp.toString = function () { return this.value; }; -gSp.valueOf = function () { return this.value; }; -global.String.fromCharCode = String.fromCharCode; - -var XCp = ExecutionContext.prototype; -ExecutionContext.current = XCp.caller = XCp.callee = null; -XCp.scope = {object: global, parent: null}; -XCp.thisObject = global; -XCp.result = undefined; -XCp.target = null; -XCp.ecmaStrictMode = false; - -function Reference(base, propertyName, node) { - this.base = base; - this.propertyName = propertyName; - this.node = node; -} - -Reference.prototype.toString = function () { return this.node.getSource(); } - -function getValue(v) { - if (v instanceof Reference) { - if (!v.base) { - throw new ReferenceError(v.propertyName + " is not defined", - v.node.filename(), v.node.lineno); - } - return v.base[v.propertyName]; - } - return v; -} - -function putValue(v, w, vn) { - if (v instanceof Reference) - return (v.base || global)[v.propertyName] = w; - throw new ReferenceError("Invalid assignment left-hand side", - vn.filename(), vn.lineno); -} - -function isPrimitive(v) { - var t = typeof v; - return (t == "object") ? v === null : t != "function"; -} - -function isObject(v) { - var t = typeof v; - return (t == "object") ? v !== null : t == "function"; -} - -// If r instanceof Reference, v == getValue(r); else v === r. If passed, rn -// is the node whose execute result was r. -function toObject(v, r, rn) { - switch (typeof v) { - case "boolean": - return new global.Boolean(v); - case "number": - return new global.Number(v); - case "string": - return new global.String(v); - case "function": - return v; - case "object": - if (v !== null) - return v; - } - var message = r + " (type " + (typeof v) + ") has no properties"; - throw rn ? new TypeError(message, rn.filename(), rn.lineno) - : new TypeError(message); -} - -function execute(n, x) { - if (!this.new_block) - new_block = new Array(); - //alert (n) - var a, f, i, j, r, s, t, u, v; - switch (n.type) { - case FUNCTION: - if (n.functionForm != DECLARED_FORM) { - if (!n.name || n.functionForm == STATEMENT_FORM) { - v = new FunctionObject(n, x.scope); - if (n.functionForm == STATEMENT_FORM) - x.scope.object[n.name] = v; - } else { - t = new Object; - x.scope = {object: t, parent: x.scope}; - try { - v = new FunctionObject(n, x.scope); - t[n.name] = v; - } finally { - x.scope = x.scope.parent; - } - } - } - break; - - case SCRIPT: - t = x.scope.object; - a = n.funDecls; - for (i = 0, j = a.length; i < j; i++) { - s = a[i].name; - f = new FunctionObject(a[i], x.scope); - t[s] = f; - } - a = n.varDecls; - for (i = 0, j = a.length; i < j; i++) { - u = a[i]; - s = u.name; - if (u.readOnly && hasDirectProperty(t, s)) { - throw new TypeError("Redeclaration of const " + s, - u.filename(), u.lineno); - } - if (u.readOnly || !hasDirectProperty(t, s)) { - t[s] = null; - } - } - // FALL THROUGH - - case BLOCK: - for (i = 0, j = n.$length; i < j; i++) { - //jrh - //execute(n[i], x); - //new_block.unshift([n[i], x]); - new_block.push([n[i], x]); - } - new_block.reverse(); - agenda = agenda.concat(new_block); - //agenda = new_block.concat(agenda) - // end jrh - break; - - case IF: - if (getValue(execute(n.condition, x))) - execute(n.thenPart, x); - else if (n.elsePart) - execute(n.elsePart, x); - break; - - case SWITCH: - s = getValue(execute(n.discriminant, x)); - a = n.cases; - var matchDefault = false; - switch_loop: - for (i = 0, j = a.length; ; i++) { - if (i == j) { - if (n.defaultIndex >= 0) { - i = n.defaultIndex - 1; // no case matched, do default - matchDefault = true; - continue; - } - break; // no default, exit switch_loop - } - t = a[i]; // next case (might be default!) - if (t.type == CASE) { - u = getValue(execute(t.caseLabel, x)); - } else { - if (!matchDefault) // not defaulting, skip for now - continue; - u = s; // force match to do default - } - if (u === s) { - for (;;) { // this loop exits switch_loop - if (t.statements.length) { - try { - execute(t.statements, x); - } catch (e) { - if (!(e == BREAK && x.target == n)) { throw e } - break switch_loop; - } - } - if (++i == j) - break switch_loop; - t = a[i]; - } - // NOT REACHED - } - } - break; - - case FOR: - // jrh - // added "skip_setup" so initialization doesn't get called - // on every call.. - if (!skip_setup) - n.setup && getValue(execute(n.setup, x)); - // FALL THROUGH - case WHILE: - // jrh - //while (!n.condition || getValue(execute(n.condition, x))) { - if (!n.condition || getValue(execute(n.condition, x))) { - try { - // jrh - //execute(n.body, x); - new_block.push([n.body, x]); - agenda.push([n.body, x]) - //agenda.unshift([n.body, x]) - // end jrh - } catch (e) { - if (e == BREAK && x.target == n) { - break; - } else if (e == CONTINUE && x.target == n) { - // jrh - // 'continue' is invalid inside an 'if' clause - // I don't know what commenting this out will break! - //continue; - // end jrh - - } else { - throw e; - } - } - n.update && getValue(execute(n.update, x)); - // jrh - new_block.unshift([n, x]) - agenda.splice(agenda.length-1,0,[n, x]) - //agenda.splice(1,0,[n, x]) - skip_setup = 1 - // end jrh - } else { - skip_setup = 0 - } - - break; - - case FOR_IN: - u = n.varDecl; - if (u) - execute(u, x); - r = n.iterator; - s = execute(n.object, x); - v = getValue(s); - - // ECMA deviation to track extant browser JS implementation behavior. - t = (v == null && !x.ecmaStrictMode) ? v : toObject(v, s, n.object); - a = []; - for (i in t) - a.push(i); - for (i = 0, j = a.length; i < j; i++) { - putValue(execute(r, x), a[i], r); - try { - execute(n.body, x); - } catch (e) { - if (e == BREAK && x.target == n) { - break; - } else if (e == CONTINUE && x.target == n) { - continue; - } else { - throw e; - } - } - } - break; - - case DO: - do { - try { - execute(n.body, x); - } catch (e) { - if (e == BREAK && x.target == n) { - break; - } else if (e == CONTINUE && x.target == n) { - continue; - } else { - throw e; - } - } - } while (getValue(execute(n.condition, x))); - break; - - case BREAK: - case CONTINUE: - x.target = n.target; - throw n.type; - - case TRY: - try { - execute(n.tryBlock, x); - } catch (e) { - if (!(e == THROW && (j = n.catchClauses.length))) { - throw e; - } - e = x.result; - x.result = undefined; - for (i = 0; ; i++) { - if (i == j) { - x.result = e; - throw THROW; - } - t = n.catchClauses[i]; - x.scope = {object: {}, parent: x.scope}; - x.scope.object[t.varName] = e; - try { - if (t.guard && !getValue(execute(t.guard, x))) - continue; - execute(t.block, x); - break; - } finally { - x.scope = x.scope.parent; - } - } - } finally { - if (n.finallyBlock) - execute(n.finallyBlock, x); - } - break; - - case THROW: - x.result = getValue(execute(n.exception, x)); - throw THROW; - - case RETURN: - x.result = getValue(execute(n.value, x)); - throw RETURN; - - case WITH: - r = execute(n.object, x); - t = toObject(getValue(r), r, n.object); - x.scope = {object: t, parent: x.scope}; - try { - execute(n.body, x); - } finally { - x.scope = x.scope.parent; - } - break; - - case VAR: - case CONST: - for (i = 0, j = n.$length; i < j; i++) { - u = n[i].initializer; - if (!u) - continue; - t = n[i].name; - for (s = x.scope; s; s = s.parent) { - if (hasDirectProperty(s.object, t)) - break; - } - u = getValue(execute(u, x)); - if (n.type == CONST) - s.object[t] = u; - else - s.object[t] = u; - } - break; - - case DEBUGGER: - throw "NYI: " + tokens[n.type]; - - case REQUIRE: - var req = new XMLHttpRequest(); - req.open('GET', n.filename, 'false'); - - case SEMICOLON: - if (n.expression) - // print debugging statements - - var the_start = n.start - var the_end = n.end - var the_statement = parse_result.tokenizer.source.slice(the_start,the_end) - //global.debug.document.body.innerHTML += ('
    >>> ' + the_statement + '
    ') - LOG.info('>>>' + the_statement) - x.result = getValue(execute(n.expression, x)); - //if (x.result) - //global.debug.document.body.innerHTML += ( '
    >>> ' + x.result + '
    ') - - break; - - case LABEL: - try { - execute(n.statement, x); - } catch (e) { - if (!(e == BREAK && x.target == n)) { throw e } - } - break; - - case COMMA: - for (i = 0, j = n.$length; i < j; i++) - v = getValue(execute(n[i], x)); - break; - - case ASSIGN: - r = execute(n[0], x); - t = n[0].assignOp; - if (t) - u = getValue(r); - v = getValue(execute(n[1], x)); - if (t) { - switch (t) { - case BITWISE_OR: v = u | v; break; - case BITWISE_XOR: v = u ^ v; break; - case BITWISE_AND: v = u & v; break; - case LSH: v = u << v; break; - case RSH: v = u >> v; break; - case URSH: v = u >>> v; break; - case PLUS: v = u + v; break; - case MINUS: v = u - v; break; - case MUL: v = u * v; break; - case DIV: v = u / v; break; - case MOD: v = u % v; break; - } - } - putValue(r, v, n[0]); - break; - - case CONDITIONAL: - v = getValue(execute(n[0], x)) ? getValue(execute(n[1], x)) - : getValue(execute(n[2], x)); - break; - - case OR: - v = getValue(execute(n[0], x)) || getValue(execute(n[1], x)); - break; - - case AND: - v = getValue(execute(n[0], x)) && getValue(execute(n[1], x)); - break; - - case BITWISE_OR: - v = getValue(execute(n[0], x)) | getValue(execute(n[1], x)); - break; - - case BITWISE_XOR: - v = getValue(execute(n[0], x)) ^ getValue(execute(n[1], x)); - break; - - case BITWISE_AND: - v = getValue(execute(n[0], x)) & getValue(execute(n[1], x)); - break; - - case EQ: - v = getValue(execute(n[0], x)) == getValue(execute(n[1], x)); - break; - - case NE: - v = getValue(execute(n[0], x)) != getValue(execute(n[1], x)); - break; - - case STRICT_EQ: - v = getValue(execute(n[0], x)) === getValue(execute(n[1], x)); - break; - - case STRICT_NE: - v = getValue(execute(n[0], x)) !== getValue(execute(n[1], x)); - break; - - case LT: - v = getValue(execute(n[0], x)) < getValue(execute(n[1], x)); - break; - - case LE: - v = getValue(execute(n[0], x)) <= getValue(execute(n[1], x)); - break; - - case GE: - v = getValue(execute(n[0], x)) >= getValue(execute(n[1], x)); - break; - - case GT: - v = getValue(execute(n[0], x)) > getValue(execute(n[1], x)); - break; - - case IN: - v = getValue(execute(n[0], x)) in getValue(execute(n[1], x)); - break; - - case INSTANCEOF: - t = getValue(execute(n[0], x)); - u = getValue(execute(n[1], x)); - if (isObject(u) && typeof u.__hasInstance__ == "function") - v = u.__hasInstance__(t); - else - v = t instanceof u; - break; - - case LSH: - v = getValue(execute(n[0], x)) << getValue(execute(n[1], x)); - break; - - case RSH: - v = getValue(execute(n[0], x)) >> getValue(execute(n[1], x)); - break; - - case URSH: - v = getValue(execute(n[0], x)) >>> getValue(execute(n[1], x)); - break; - - case PLUS: - v = getValue(execute(n[0], x)) + getValue(execute(n[1], x)); - break; - - case MINUS: - v = getValue(execute(n[0], x)) - getValue(execute(n[1], x)); - break; - - case MUL: - v = getValue(execute(n[0], x)) * getValue(execute(n[1], x)); - break; - - case DIV: - v = getValue(execute(n[0], x)) / getValue(execute(n[1], x)); - break; - - case MOD: - v = getValue(execute(n[0], x)) % getValue(execute(n[1], x)); - break; - - case DELETE: - t = execute(n[0], x); - v = !(t instanceof Reference) || delete t.base[t.propertyName]; - break; - - case VOID: - getValue(execute(n[0], x)); - break; - - case TYPEOF: - t = execute(n[0], x); - if (t instanceof Reference) - t = t.base ? t.base[t.propertyName] : undefined; - v = typeof t; - break; - - case NOT: - v = !getValue(execute(n[0], x)); - break; - - case BITWISE_NOT: - v = ~getValue(execute(n[0], x)); - break; - - case UNARY_PLUS: - v = +getValue(execute(n[0], x)); - break; - - case UNARY_MINUS: - v = -getValue(execute(n[0], x)); - break; - - case INCREMENT: - case DECREMENT: - t = execute(n[0], x); - u = Number(getValue(t)); - if (n.postfix) - v = u; - putValue(t, (n.type == INCREMENT) ? ++u : --u, n[0]); - if (!n.postfix) - v = u; - break; - - case DOT: - r = execute(n[0], x); - t = getValue(r); - u = n[1].value; - v = new Reference(toObject(t, r, n[0]), u, n); - break; - - case INDEX: - r = execute(n[0], x); - t = getValue(r); - u = getValue(execute(n[1], x)); - v = new Reference(toObject(t, r, n[0]), String(u), n); - break; - - case LIST: - // Curse ECMA for specifying that arguments is not an Array object! - v = {}; - for (i = 0, j = n.$length; i < j; i++) { - u = getValue(execute(n[i], x)); - v[i] = u; - } - v.length = i; - break; - - case CALL: - r = execute(n[0], x); - a = execute(n[1], x); - f = getValue(r); - if (isPrimitive(f) || typeof f.__call__ != "function") { - throw new TypeError(r + " is not callable", - n[0].filename(), n[0].lineno); - } - t = (r instanceof Reference) ? r.base : null; - if (t instanceof Activation) - t = null; - v = f.__call__(t, a, x); - break; - - case NEW: - case NEW_WITH_ARGS: - r = execute(n[0], x); - f = getValue(r); - if (n.type == NEW) { - a = {}; - a.length = 0; - } else { - a = execute(n[1], x); - } - if (isPrimitive(f) || typeof f.__construct__ != "function") { - throw new TypeError(r + " is not a constructor", - n[0].filename(), n[0].lineno); - } - v = f.__construct__(a, x); - break; - - case ARRAY_INIT: - v = []; - for (i = 0, j = n.$length; i < j; i++) { - if (n[i]) - v[i] = getValue(execute(n[i], x)); - } - v.length = j; - break; - - case OBJECT_INIT: - v = {}; - for (i = 0, j = n.$length; i < j; i++) { - t = n[i]; - if (t.type == PROPERTY_INIT) { - v[t[0].value] = getValue(execute(t[1], x)); - } else { - f = new FunctionObject(t, x.scope); - /* - u = (t.type == GETTER) ? '__defineGetter__' - : '__defineSetter__'; - v[u](t.name, thunk(f, x)); - */ - } - } - break; - - case NULL: - v = null; - break; - - case THIS: - v = x.thisObject; - break; - - case TRUE: - v = true; - break; - - case FALSE: - v = false; - break; - - case IDENTIFIER: - for (s = x.scope; s; s = s.parent) { - if (n.value in s.object) - break; - } - v = new Reference(s && s.object, n.value, n); - break; - - case NUMBER: - case STRING: - case REGEXP: - v = n.value; - break; - - case GROUP: - v = execute(n[0], x); - break; - - default: - throw "PANIC: unknown operation " + n.type + ": " + uneval(n); - } - return v; -} - -function Activation(f, a) { - for (var i = 0, j = f.params.length; i < j; i++) - this[f.params[i]] = a[i]; - this.arguments = a; -} - -// Null Activation.prototype's proto slot so that Object.prototype.* does not -// pollute the scope of heavyweight functions. Also delete its 'constructor' -// property so that it doesn't pollute function scopes. - -Activation.prototype.__proto__ = null; -delete Activation.prototype.constructor; - -function FunctionObject(node, scope) { - this.node = node; - this.scope = scope; - this.length = node.params.length; - var proto = {}; - this.prototype = proto; - proto.constructor = this; -} - -var FOp = FunctionObject.prototype = { - // Internal methods. - __call__: function (t, a, x) { - var x2 = new ExecutionContext(FUNCTION_CODE); - x2.thisObject = t || global; - x2.caller = x; - x2.callee = this; - a.callee = this; - var f = this.node; - x2.scope = {object: new Activation(f, a), parent: this.scope}; - - ExecutionContext.current = x2; - try { - execute(f.body, x2); - } catch (e) { - if (!(e == RETURN)) { throw e } else if (e == RETURN) { - return x2.result; - } - if (e != THROW) { throw e } - x.result = x2.result; - throw THROW; - } finally { - ExecutionContext.current = x; - } - return undefined; - }, - - __construct__: function (a, x) { - var o = new Object; - var p = this.prototype; - if (isObject(p)) - o.__proto__ = p; - // else o.__proto__ defaulted to Object.prototype - - var v = this.__call__(o, a, x); - if (isObject(v)) - return v; - return o; - }, - - __hasInstance__: function (v) { - if (isPrimitive(v)) - return false; - var p = this.prototype; - if (isPrimitive(p)) { - throw new TypeError("'prototype' property is not an object", - this.node.filename(), this.node.lineno); - } - var o; - while ((o = v.__proto__)) { - if (o == p) - return true; - v = o; - } - return false; - }, - - // Standard methods. - toString: function () { - return this.node.getSource(); - }, - - apply: function (t, a) { - // Curse ECMA again! - if (typeof this.__call__ != "function") { - throw new TypeError("Function.prototype.apply called on" + - " uncallable object"); - } - - if (t === undefined || t === null) - t = global; - else if (typeof t != "object") - t = toObject(t, t); - - if (a === undefined || a === null) { - a = {}; - a.length = 0; - } else if (a instanceof Array) { - var v = {}; - for (var i = 0, j = a.length; i < j; i++) - v[i] = a[i]; - v.length = i; - a = v; - } else if (!(a instanceof Object)) { - // XXX check for a non-arguments object - throw new TypeError("Second argument to Function.prototype.apply" + - " must be an array or arguments object", - this.node.filename(), this.node.lineno); - } - - return this.__call__(t, a, ExecutionContext.current); - }, - - call: function (t) { - // Curse ECMA a third time! - var a = Array.prototype.splice.call(arguments, 1); - return this.apply(t, a); - } -}; - -// Connect Function.prototype and Function.prototype.constructor in global. -reflectClass('Function', FOp); - -// Help native and host-scripted functions be like FunctionObjects. -var Fp = Function.prototype; -var REp = RegExp.prototype; - -if (!('__call__' in Fp)) { - Fp.__call__ = function (t, a, x) { - // Curse ECMA yet again! - a = Array.prototype.splice.call(a, 0, a.length); - return this.apply(t, a); - }; - - REp.__call__ = function (t, a, x) { - a = Array.prototype.splice.call(a, 0, a.length); - return this.exec.apply(this, a); - }; - - Fp.__construct__ = function (a, x) { - switch (a.length) { - case 0: - return new this(); - case 1: - return new this(a[0]); - case 2: - return new this(a[0], a[1]); - case 3: - return new this(a[0], a[1], a[2]); - case 4: - return new this(a[0], a[1], a[2], a[3]); - case 5: - return new this(a[0], a[1], a[2], a[3], a[4]); - case 6: - return new this(a[0], a[1], a[2], a[3], a[4], a[5]); - case 7: - return new this(a[0], a[1], a[2], a[3], a[4], a[5], a[6]); - } - throw "PANIC: too many arguments to constructor"; - } - - // Since we use native functions such as Date along with host ones such - // as global.eval, we want both to be considered instances of the native - // Function constructor. - Fp.__hasInstance__ = function (v) { - return v instanceof Function || v instanceof global.Function; - }; -} - -function thunk(f, x) { - return function () { return f.__call__(this, arguments, x); }; -} - -function evaluate(s, f, l) { - if (typeof s != "string") - return s; - - var x = ExecutionContext.current; - var x2 = new ExecutionContext(GLOBAL_CODE); - ExecutionContext.current = x2; - try { - execute(parse(s, f, l), x2); - } catch (e) { - if (e != THROW) { throw e } - if (x) { - x.result = x2.result; - throw(THROW); - } - throw x2.result; - } finally { - ExecutionContext.current = x; - } - return x2.result; -} diff --git a/manualtests/core/scripts/narcissus-parse.js b/manualtests/core/scripts/narcissus-parse.js deleted file mode 100644 index d6acb83..0000000 --- a/manualtests/core/scripts/narcissus-parse.js +++ /dev/null @@ -1,1003 +0,0 @@ -/* ***** BEGIN LICENSE BLOCK ***** - * Version: MPL 1.1/GPL 2.0/LGPL 2.1 - * - * The contents of this file are subject to the Mozilla Public License Version - * 1.1 (the "License"); you may not use this file except in compliance with - * the License. You may obtain a copy of the License at - * http://www.mozilla.org/MPL/ - * - * Software distributed under the License is distributed on an "AS IS" basis, - * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License - * for the specific language governing rights and limitations under the - * License. - * - * The Original Code is the Narcissus JavaScript engine. - * - * The Initial Developer of the Original Code is - * Brendan Eich . - * Portions created by the Initial Developer are Copyright (C) 2004 - * the Initial Developer. All Rights Reserved. - * - * Contributor(s): Richard Hundt - * - * Alternatively, the contents of this file may be used under the terms of - * either the GNU General Public License Version 2 or later (the "GPL"), or - * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), - * in which case the provisions of the GPL or the LGPL are applicable instead - * of those above. If you wish to allow use of your version of this file only - * under the terms of either the GPL or the LGPL, and not to allow others to - * use your version of this file under the terms of the MPL, indicate your - * decision by deleting the provisions above and replace them with the notice - * and other provisions required by the GPL or the LGPL. If you do not delete - * the provisions above, a recipient may use your version of this file under - * the terms of any one of the MPL, the GPL or the LGPL. - * - * ***** END LICENSE BLOCK ***** */ - -/* - * Narcissus - JS implemented in JS. - * - * Lexical scanner and parser. - */ - -// jrh -//module('JS.Parse'); - -// Build a regexp that recognizes operators and punctuators (except newline). -var opRegExp = -/^;|^,|^\?|^:|^\|\||^\&\&|^\||^\^|^\&|^===|^==|^=|^!==|^!=|^<<|^<=|^<|^>>>|^>>|^>=|^>|^\+\+|^\-\-|^\+|^\-|^\*|^\/|^%|^!|^~|^\.|^\[|^\]|^\{|^\}|^\(|^\)/; - -// A regexp to match floating point literals (but not integer literals). -var fpRegExp = /^\d+\.\d*(?:[eE][-+]?\d+)?|^\d+(?:\.\d*)?[eE][-+]?\d+|^\.\d+(?:[eE][-+]?\d+)?/; - -function Tokenizer(s, f, l) { - this.cursor = 0; - this.source = String(s); - this.tokens = []; - this.tokenIndex = 0; - this.lookahead = 0; - this.scanNewlines = false; - this.scanOperand = true; - this.filename = f || ""; - this.lineno = l || 1; -} - -Tokenizer.prototype = { - input : function() { - return this.source.substring(this.cursor); - }, - - done : function() { - return this.peek() == END; - }, - - token : function() { - return this.tokens[this.tokenIndex]; - }, - - match: function (tt) { - return this.get() == tt || this.unget(); - }, - - mustMatch: function (tt) { - if (!this.match(tt)) - throw this.newSyntaxError("Missing " + this.tokens[tt].toLowerCase()); - return this.token(); - }, - - peek: function () { - var tt; - if (this.lookahead) { - tt = this.tokens[(this.tokenIndex + this.lookahead) & 3].type; - } else { - tt = this.get(); - this.unget(); - } - return tt; - }, - - peekOnSameLine: function () { - this.scanNewlines = true; - var tt = this.peek(); - this.scanNewlines = false; - return tt; - }, - - get: function () { - var token; - while (this.lookahead) { - --this.lookahead; - this.tokenIndex = (this.tokenIndex + 1) & 3; - token = this.tokens[this.tokenIndex]; - if (token.type != NEWLINE || this.scanNewlines) - return token.type; - } - - for (;;) { - var input = this.input(); - var rx = this.scanNewlines ? /^[ \t]+/ : /^\s+/; - var match = input.match(rx); - if (match) { - var spaces = match[0]; - this.cursor += spaces.length; - var newlines = spaces.match(/\n/g); - if (newlines) - this.lineno += newlines.length; - input = this.input(); - } - - if (!(match = input.match(/^\/(?:\*(?:.|\n)*?\*\/|\/.*)/))) - break; - var comment = match[0]; - this.cursor += comment.length; - newlines = comment.match(/\n/g); - if (newlines) - this.lineno += newlines.length - } - - this.tokenIndex = (this.tokenIndex + 1) & 3; - token = this.tokens[this.tokenIndex]; - if (!token) - this.tokens[this.tokenIndex] = token = {}; - if (!input) - return token.type = END; - if ((match = input.match(fpRegExp))) { - token.type = NUMBER; - token.value = parseFloat(match[0]); - } else if ((match = input.match(/^0[xX][\da-fA-F]+|^0[0-7]*|^\d+/))) { - token.type = NUMBER; - token.value = parseInt(match[0]); - } else if ((match = input.match(/^((\$\w*)|(\w+))/))) { - var id = match[0]; - token.type = keywords[id] || IDENTIFIER; - token.value = id; - } else if ((match = input.match(/^"(?:\\.|[^"])*"|^'(?:[^']|\\.)*'/))) { - token.type = STRING; - token.value = eval(match[0]); - } else if (this.scanOperand && - (match = input.match(/^\/((?:\\.|[^\/])+)\/([gi]*)/))) { - token.type = REGEXP; - token.value = new RegExp(match[1], match[2]); - } else if ((match = input.match(opRegExp))) { - var op = match[0]; - if (assignOps[op] && input[op.length] == '=') { - token.type = ASSIGN; - token.assignOp = GLOBAL[opTypeNames[op]]; - match[0] += '='; - } else { - token.type = GLOBAL[opTypeNames[op]]; - if (this.scanOperand && - (token.type == PLUS || token.type == MINUS)) { - token.type += UNARY_PLUS - PLUS; - } - token.assignOp = null; - } - //debug('token.value => '+op+', token.type => '+token.type); - token.value = op; - } else { - throw this.newSyntaxError("Illegal token"); - } - - token.start = this.cursor; - this.cursor += match[0].length; - token.end = this.cursor; - token.lineno = this.lineno; - return token.type; - }, - - unget: function () { - if (++this.lookahead == 4) throw "PANIC: too much lookahead!"; - this.tokenIndex = (this.tokenIndex - 1) & 3; - }, - - newSyntaxError: function (m) { - var e = new SyntaxError(m, this.filename, this.lineno); - e.source = this.source; - e.cursor = this.cursor; - return e; - } -}; - -function CompilerContext(inFunction) { - this.inFunction = inFunction; - this.stmtStack = []; - this.funDecls = []; - this.varDecls = []; -} - -var CCp = CompilerContext.prototype; -CCp.bracketLevel = CCp.curlyLevel = CCp.parenLevel = CCp.hookLevel = 0; -CCp.ecmaStrictMode = CCp.inForLoopInit = false; - -function Script(t, x) { - var n = Statements(t, x); - n.type = SCRIPT; - n.funDecls = x.funDecls; - n.varDecls = x.varDecls; - return n; -} - -// Node extends Array, which we extend slightly with a top-of-stack method. -Array.prototype.top = function() { - return this.length && this[this.length-1]; -} - -function NarcNode(t, type) { - var token = t.token(); - if (token) { - this.type = type || token.type; - this.value = token.value; - this.lineno = token.lineno; - this.start = token.start; - this.end = token.end; - } else { - this.type = type; - this.lineno = t.lineno; - } - this.tokenizer = t; - for (var i = 2; i < arguments.length; i++) - this.push(arguments[i]); -} - -var Np = NarcNode.prototype = new Array(); -Np.constructor = NarcNode; -Np.$length = 0; -Np.toSource = Object.prototype.toSource; - -// Always use push to add operands to an expression, to update start and end. -Np.push = function (kid) { - if (kid.start < this.start) - this.start = kid.start; - if (this.end < kid.end) - this.end = kid.end; - //debug('length before => '+this.$length); - this[this.$length] = kid; - this.$length++; - //debug('length after => '+this.$length); -} - -NarcNode.indentLevel = 0; - -function tokenstr(tt) { - var t = tokens[tt]; - return /^\W/.test(t) ? opTypeNames[t] : t.toUpperCase(); -} - -Np.toString = function () { - var a = []; - for (var i in this) { - if (this.hasOwnProperty(i) && i != 'type') - a.push({id: i, value: this[i]}); - } - a.sort(function (a,b) { return (a.id < b.id) ? -1 : 1; }); - INDENTATION = " "; - var n = ++NarcNode.indentLevel; - var s = "{\n" + INDENTATION.repeat(n) + "type: " + tokenstr(this.type); - for (i = 0; i < a.length; i++) - s += ",\n" + INDENTATION.repeat(n) + a[i].id + ": " + a[i].value; - n = --NarcNode.indentLevel; - s += "\n" + INDENTATION.repeat(n) + "}"; - return s; -} - -Np.getSource = function () { - return this.tokenizer.source.slice(this.start, this.end); -}; - -Np.filename = function () { return this.tokenizer.filename; }; - -String.prototype.repeat = function (n) { - var s = "", t = this + s; - while (--n >= 0) - s += t; - return s; -} - -// Statement stack and nested statement handler. -function nest(t, x, node, func, end) { - x.stmtStack.push(node); - var n = func(t, x); - x.stmtStack.pop(); - end && t.mustMatch(end); - return n; -} - -function Statements(t, x) { - var n = new NarcNode(t, BLOCK); - x.stmtStack.push(n); - while (!t.done() && t.peek() != RIGHT_CURLY) - n.push(Statement(t, x)); - x.stmtStack.pop(); - return n; -} - -function Block(t, x) { - t.mustMatch(LEFT_CURLY); - var n = Statements(t, x); - t.mustMatch(RIGHT_CURLY); - return n; -} - -DECLARED_FORM = 0; EXPRESSED_FORM = 1; STATEMENT_FORM = 2; - -function Statement(t, x) { - var i, label, n, n2, ss, tt = t.get(); - - // Cases for statements ending in a right curly return early, avoiding the - // common semicolon insertion magic after this switch. - switch (tt) { - case FUNCTION: - return FunctionDefinition(t, x, true, - (x.stmtStack.length > 1) - ? STATEMENT_FORM - : DECLARED_FORM); - - case LEFT_CURLY: - n = Statements(t, x); - t.mustMatch(RIGHT_CURLY); - return n; - - case IF: - n = new NarcNode(t); - n.condition = ParenExpression(t, x); - x.stmtStack.push(n); - n.thenPart = Statement(t, x); - n.elsePart = t.match(ELSE) ? Statement(t, x) : null; - x.stmtStack.pop(); - return n; - - case SWITCH: - n = new NarcNode(t); - t.mustMatch(LEFT_PAREN); - n.discriminant = Expression(t, x); - t.mustMatch(RIGHT_PAREN); - n.cases = []; - n.defaultIndex = -1; - x.stmtStack.push(n); - t.mustMatch(LEFT_CURLY); - while ((tt = t.get()) != RIGHT_CURLY) { - switch (tt) { - case DEFAULT: - if (n.defaultIndex >= 0) - throw t.newSyntaxError("More than one switch default"); - // FALL THROUGH - case CASE: - n2 = new NarcNode(t); - if (tt == DEFAULT) - n.defaultIndex = n.cases.length; - else - n2.caseLabel = Expression(t, x, COLON); - break; - default: - throw t.newSyntaxError("Invalid switch case"); - } - t.mustMatch(COLON); - n2.statements = new NarcNode(t, BLOCK); - while ((tt=t.peek()) != CASE && tt != DEFAULT && tt != RIGHT_CURLY) - n2.statements.push(Statement(t, x)); - n.cases.push(n2); - } - x.stmtStack.pop(); - return n; - - case FOR: - n = new NarcNode(t); - n.isLoop = true; - t.mustMatch(LEFT_PAREN); - if ((tt = t.peek()) != SEMICOLON) { - x.inForLoopInit = true; - if (tt == VAR || tt == CONST) { - t.get(); - n2 = Variables(t, x); - } else { - n2 = Expression(t, x); - } - x.inForLoopInit = false; - } - if (n2 && t.match(IN)) { - n.type = FOR_IN; - if (n2.type == VAR) { - if (n2.$length != 1) { - throw new SyntaxError("Invalid for..in left-hand side", - t.filename, n2.lineno); - } - - // NB: n2[0].type == IDENTIFIER and n2[0].value == n2[0].name. - n.iterator = n2[0]; - n.varDecl = n2; - } else { - n.iterator = n2; - n.varDecl = null; - } - n.object = Expression(t, x); - } else { - n.setup = n2 || null; - t.mustMatch(SEMICOLON); - n.condition = (t.peek() == SEMICOLON) ? null : Expression(t, x); - t.mustMatch(SEMICOLON); - n.update = (t.peek() == RIGHT_PAREN) ? null : Expression(t, x); - } - t.mustMatch(RIGHT_PAREN); - n.body = nest(t, x, n, Statement); - return n; - - case WHILE: - n = new NarcNode(t); - n.isLoop = true; - n.condition = ParenExpression(t, x); - n.body = nest(t, x, n, Statement); - return n; - - case DO: - n = new NarcNode(t); - n.isLoop = true; - n.body = nest(t, x, n, Statement, WHILE); - n.condition = ParenExpression(t, x); - if (!x.ecmaStrictMode) { - // - - - - - -

    Webform

    - -

    Webform Heading

    - -

    If you wish to contact us, please do so by filling in the form below. Please note that fields marked with * are mandatory.

    - -
    -
    - Personal Details - - - - - - - - - - - - - - - - - - -
    - -
    - Numbers - - - - - - - - - - -
    - -
    - Maths - - - - - - - - - - - - -
    - -
    - Range - - - -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    -
    - - -
    - -
    - - - - - -
    - - - - - -
    - - - - -
    - - - - -

    - -

    - - -

    - - - - - diff --git a/manualtests/forms/thankyou.html b/manualtests/forms/thankyou.html deleted file mode 100644 index 2634aa2..0000000 --- a/manualtests/forms/thankyou.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - Thank you - - - -

    Thank you. Your form has been submitted.

    - - - diff --git a/manualtests/includes/interaction_tests.css b/manualtests/includes/interaction_tests.css deleted file mode 100644 index 8dadf62..0000000 --- a/manualtests/includes/interaction_tests.css +++ /dev/null @@ -1,23 +0,0 @@ -body {background: #ccc;} - -h1#interaction_test_header {font-size: 0.8em; font-weight: normal;margin-top: 1em; text-align: center;} - -ol#steps {background: #eee; margin: 1em 0; overflow: hidden; padding: 1em; zoom: 1;} - -ol#steps li {list-style: none;} - -ol#steps li h2 {font-size: 1em; margin-top: 0;} - -ol#steps li p {font-size: 1em; margin-bottom: 0;} - -form#interaction_test_form {text-align: center;} - -form#interaction_test_form input {padding: 0 10px;} - -form#interaction_test_form input#button_skip, input#button_fail {display: none; margin-left: 10px;} - -form#interaction_test_form textarea {display: none; height: 100px; margin: 1em auto; width: 400px;} - -form#interaction_test_form input#button_continue {display: none;} - -div#play_area {background: #fff; margin: 1em 0; min-height: 400px; padding: 1em;} \ No newline at end of file diff --git a/manualtests/includes/interaction_tests.js b/manualtests/includes/interaction_tests.js deleted file mode 100644 index 9ec09bc..0000000 --- a/manualtests/includes/interaction_tests.js +++ /dev/null @@ -1,224 +0,0 @@ -// Work out the glow loading method from the querystring -window.top.window.translateLoadingMethod = function() -{ - - var loadingMethod = window.top.window.getHashFromQueryString().substring(0,1); - - switch(loadingMethod) - { - case '0': - return 'scriptTags'; - //console.log('Load method set to: scriptTags'); - break; - case '1': - return 'gloaderAsync'; - //console.log('Load method set to: gloaderAsync'); - break; - case '2': - return 'gloaderSyncCallback'; - //console.log('Load method set to: gloaderSyncCallback'); - break; - case '3': - return 'gloaderSyncNoCallback'; - //console.log('Load method set to: gloaderSyncNoCallback'); - break; - default: - return 'scriptTags'; - //console.log('Load method set to: default (scriptTags)'); - break; - } -} - -window.top.window.getHashFromQueryString = function() -{ - - var qs = (window.top.window.location.toString() || ''); - if (qs.indexOf('?') > -1) qs = qs.split('?')[1]; - if (qs.indexOf('#') > -1) qs = qs.split('#')[1].substring(0,1); - return qs; - -} - -// Use this when we are ready to add in the different page layouts -// var pageLayout = window.top.window.location.toString().split('?')[1].split('#')[1].substring(2,3); - - -// Step counter, see next_step() for details -var step = -1; - -// LOADING METHOD - - loadUnbuiltGlow( - createGlowMap("../../../"), - { - loadMethod: window.top.window.translateLoadingMethod(), - onLoad: function(glow) { - - glow.ready(function() { - - setup_page(); - - setup_test(glow); - - }); - - } - } - ) - - - - -// Controls the order of steps shown on the page. If the user is at the end then this function will end the test. -function next_step() -{ - - step++; - - arrLi = document.getElementById('steps').getElementsByTagName('LI'); - - if (arrLi[step]) - { - - for (var x = 0; x < arrLi.length; x++) - { - arrLi[x].style.display = 'none'; - } - - arrLi[step].style.display = 'block'; - - if (document.getElementById('stepComment').value != "Write a comment...") document.getElementById('comment').value += document.getElementById('stepComment').value + 'QQQQQ'; - - document.getElementById('stepComment').value = ''; - - } - else - { - - document.getElementById('button_pass').disabled = true; - - if (document.getElementById('stepComment').value != "Write a comment...") document.getElementById('comment').value += document.getElementById('stepComment').value + 'QQQQQ'; - - if (document.getElementById('test_finished')) - { - document.getElementById('test_finished').value = 1; // FINISHES SELENIUM TEST - } - - } - -} - - - - -function setup_page() { - -// ADD FORM AND PLAY AREA - - var tmpForm = document.createElement('FORM'); - - tmpForm.id = "interaction_test_form"; - - tmpForm.innerHTML = ''; - - document.getElementById('blq-content').insertBefore(tmpForm, document.getElementById('play_area')); - - //var tmpDiv = document.createElement('DIV'); - - //tmpDiv.innerHTML = 'PLAY AREA'; - - //tmpDiv.id = 'play_area'; - - //document.getElementById('blq-content').appendChild(tmpDiv); - -// FORM CONTROLS - - document.getElementById('button_fail').onclick = function() { - - document.getElementById('test_result').value = 'FAIL'; - - if ( document.getElementById('stepComment').value == 'Write a comment...' ) - { - - if (!document.getElementById('validation')) - { - tmpDiv = document.createElement('div'); - - tmpDiv.id = 'validation'; - - tmpDiv.innerHTML = 'Please enter a comment.'; - - tmpDiv.style.width = '400px'; - - tmpDiv.style.padding = '1em'; - - tmpDiv.style.margin = '0 auto'; - - document.getElementsByTagName('FORM')[0].insertBefore(tmpDiv, document.getElementById('stepComment')); - - } - else - { - - document.getElementById('validation').style.background = 'yellow'; - - } - - document.getElementById('stepComment').focus(); - - } - else - { - - document.getElementById('comment').value += document.getElementById('stepComment').value + 'QQQQQ'; - - document.getElementById('test_finished').value = 1; // FINISHES SELENIUM TEST - - } - - } - - document.getElementById('button_pass').onclick = function() { - - document.getElementById('test_result').value = 'PASS'; - - next_step(); - - } - - document.getElementById('button_skip').onclick = function() { - - document.getElementById('test_result').value = 'SKIP'; - - next_step(); - - } - - document.getElementById('stepComment').onfocus = function() { - - if (this.value == 'Write a comment...' ) this.value = ''; - - } - - document.getElementById('stepComment').onblur = function() { - - if (this.value == '' ) this.value = 'Write a comment...'; - - } - - -// STEP CONTROLS - - arrLi = document.getElementById('steps').getElementsByTagName('LI'); - var len = arrLi.length; - for (var x = 0; x < len; x++) - { - if (arrLi[x].getElementsByTagName('H2')[0]) - { - arrLi[x].getElementsByTagName('H2')[0].innerHTML += (' of ' + len); - } - } - - next_step(); - -} \ No newline at end of file diff --git a/manualtests/includes/interaction_tests_foot.js b/manualtests/includes/interaction_tests_foot.js deleted file mode 100644 index b67e18c..0000000 --- a/manualtests/includes/interaction_tests_foot.js +++ /dev/null @@ -1,107 +0,0 @@ -// ADD FORM AND PLAY AREA - - var tmpForm = document.createElement('FORM'); - - tmpForm.id = "interaction_test_form"; - - tmpForm.innerHTML = ''; - - document.getElementById('blq-content').insertBefore(tmpForm, document.getElementById('play_area')); - - //var tmpDiv = document.createElement('DIV'); - - //tmpDiv.innerHTML = 'PLAY AREA'; - - //tmpDiv.id = 'play_area'; - - //document.getElementById('blq-content').appendChild(tmpDiv); - -// FORM CONTROLS - - document.getElementById('button_fail').onclick = function() { - - document.getElementById('test_result').value = 'FAIL'; - - if ( document.getElementById('stepComment').value == 'Write a comment...' ) - { - - if (!document.getElementById('validation')) - { - tmpDiv = document.createElement('div'); - - tmpDiv.id = 'validation'; - - tmpDiv.innerHTML = 'Please enter a comment.'; - - tmpDiv.style.width = '400px'; - - tmpDiv.style.padding = '1em'; - - tmpDiv.style.margin = '0 auto'; - - document.getElementsByTagName('FORM')[0].insertBefore(tmpDiv, document.getElementById('stepComment')); - - } - else - { - - document.getElementById('validation').style.background = 'yellow'; - - } - - document.getElementById('stepComment').focus(); - - } - else - { - - document.getElementById('comment').value += document.getElementById('stepComment').value + 'QQQQQ'; - - document.getElementById('test_finished').value = 1; // FINISHES SELENIUM TEST - - } - - } - - document.getElementById('button_pass').onclick = function() { - - document.getElementById('test_result').value = 'PASS'; - - next_step(); - - } - - document.getElementById('button_skip').onclick = function() { - - document.getElementById('test_result').value = 'SKIP'; - - next_step(); - - } - - document.getElementById('stepComment').onfocus = function() { - - if (this.value == 'Write a comment...' ) this.value = ''; - - } - - document.getElementById('stepComment').onblur = function() { - - if (this.value == '' ) this.value = 'Write a comment...'; - - } - - -// STEP CONTROLS - - arrLi = document.getElementById('steps').getElementsByTagName('LI'); - var len = arrLi.length; - for (var x = 0; x < len; x++) - { - if (arrLi[x].getElementsByTagName('H2')[0]) - { - arrLi[x].getElementsByTagName('H2')[0].innerHTML += (' of ' + len); - } - } - - next_step(); \ No newline at end of file diff --git a/manualtests/includes/js/showsrc.js b/manualtests/includes/js/showsrc.js deleted file mode 100644 index a74998b..0000000 --- a/manualtests/includes/js/showsrc.js +++ /dev/null @@ -1,76 +0,0 @@ -(function() { - /** - @name showSrc - @function - @description Makes script blocks (with a class of "showSrc") visible on the page. - */ - - function showSrc() { - var scriptElements, // the existing SCRIPT elements on the page - code, // the filtered contents of each SCRIPT element - preElement, // the PRE element we are injecting into the page with the code - css, // the css added to the page to make the PRE content pretty - styleElement; // the STYLE element we are injecting into the page with the css - - // inject css into the page - // assumes the new PRE elements will have a className of "src" - css = ".src { border: 1px dashed #ccc; padding: 8px; }"; - - styleElement = document.createElement("style"); - styleElement.type = "text/css"; - if (styleElement.styleSheet) { styleElement.styleSheet.cssText = css; } - else { styleElement.appendChild( document.createTextNode(css) ); } - - document.getElementsByTagName("head")[0].appendChild(styleElement); - - // inject PRE elements next to SCRIPT elements (if they have class == showSrc) - scriptElements = document.getElementsByTagName("script"); - - for (var i = 0; i < scriptElements.length; i++) { - if ((" "+scriptElements[i].className+" ").indexOf(" showSrc ") > -1) { - // filter code so it can be safely displayed - code = scriptElements[i].innerHTML - .replace("// ", "") - .replace(//g, ">") - .replace(/\t/g, " ") - .replace(/^(\s*[\n\r\f])*/, "").replace(/\s*$/, "") - .replace(/[\n\r\f]/g, "
    "); - code = shiftLeft(code); - - preElement = document.createElement("pre"); - preElement.className = "src"; - preElement.innerHTML = ""+code+"<\/code>"; - scriptElements[i].parentNode.insertBefore(preElement, scriptElements[i]); - } - } - } - - /** - @name shiftLeft - @private - @function - @param {String} code The code to be shifted. - @type String - @description Trim leading spaces from code, while keeping the overall - indentation levels the same. - */ - function shiftLeft(code) { - var padding; // the extra spaces found at the beginning of the first line of code - - // assumes all indentation characters are spaces - padding = code.match(/^( +)\S/); - if (padding.length) { padding = padding[1]; } - - return code.replace(new RegExp("(^|[\n\r\f])"+padding, "g"), "$1"); - } - - // when included in the body this function becomes anonymous and self-invoking - // when included in the head you must call it yourself (after the body arrives) - if (document.getElementsByTagName("body").length) { - showSrc(); - } - else { - window.showSrc = showSrc; - } -})(); - diff --git a/manualtests/includes/manualtests.js b/manualtests/includes/manualtests.js new file mode 100644 index 0000000..46bde64 --- /dev/null +++ b/manualtests/includes/manualtests.js @@ -0,0 +1,101 @@ +/** +@name manualTests +@namespace +@description Manages the files and interface for manual tests +*/ +// global namespace for manualTest +var manualTests = (function() { + + var manualTests = {}, + repoRoot = getRepoRoot(); + + var devConfig = { + // root of the cloned copy of glow + repoRoot: repoRoot, + gloaderPath: repoRoot + '../gloader/src/gloader.js', + mapPath: repoRoot + 'srcloader/map.js', + basePath: repoRoot + 'src/' + }; + + var liveConfig = { + // root of the cloned copy of glow + repoRoot: repoRoot, + gloaderPath: 'http://node1.bbcimg.co.uk/glow/gloader.0.1.0.js', + mapPath: 'http://node1.bbcimg.co.uk/glow/glow/map.1.5.1.js', + basePath: '' + }; + + /** + @name manualTests.config + @type Object + @description Config options & paths for the manual tests + */ + manualTests.config = devConfig; + + // gets a relative path to the repo root including trailing slash + function getRepoRoot() { + var lastScriptElm = ( document.body || document.getElementsByTagName('head')[0] ).lastChild; + return lastScriptElm.src.replace('manualtests.js', '../../'); + } + + // output the source for a given script element + function revealSrcFor(scriptElm) { + // filter code so it can be safely displayed + var code = getSource( scriptElm ), + preElement = document.createElement("pre"); + + // TODO move this stuff into a stylesheet? + preElement.style.border = '1px solid #ccc'; + preElement.style.padding = '10px'; + preElement.style.maxHeight = '200px'; + preElement.style.overflow = 'auto'; + + preElement.className = "src"; + preElement.innerHTML = "" + code + "<\/code>"; + scriptElm.parentNode.insertBefore(preElement, scriptElm); + } + + // gets the source for a given script element, tidies it up, returns an html string + function getSource( scriptElm ) { + var code = scriptElm.innerHTML; + + // trim empty lines at start & end + code = code.replace("// ", "").replace(/^(\s*\n\r?)*|(\n\r?\s*)*$/g, ''); + + // match the initial spacing of the first line, so we can shift it left + var initialWhiteSpaceRe = new RegExp("^" + code.match(/^\s*/)[0], "mg"); + + code = code.replace(initialWhiteSpaceRe, '') + .replace("// ", "") + // simple html encoding + .replace(/&/g, "&").replace(//g, ">") + // tabs to spaces + .replace(/\t/g, "    ") + // change newlines to
    + .replace(/\n\r?/g, "
    "); + + return code; + } + + /** + @name manualTests.showSrc + @function + @description Outputs script elements with a given class so they can be read + + @param {String} [className=showSrc] Only show scripts with this classname + */ + manualTests.showSrc = function(className) { + var classNamePadded = ' ' + (className || 'showSrc') + ' '; + + var scriptElms = document.getElementsByTagName('script'), + i = scriptElms.length; + + while (i--) { + // does the script element have the class name? + if ( (' ' + scriptElms[i].className + ' ').indexOf(classNamePadded) != -1 ) { + revealSrcFor(scriptElms[i]); + } + } + } + return manualTests; +})(); \ No newline at end of file diff --git a/manualtests/index.html b/manualtests/index.html deleted file mode 100644 index 8b9c54a..0000000 --- a/manualtests/index.html +++ /dev/null @@ -1,236 +0,0 @@ - - - - -GLOW - Interaction tests - - - - - - - -

    GLOW Interaction Tests

    - -
    -
    Loading Method
    -
    - -
    -
    - - - -

    Instructions on how to use Glow Interaction Tests

    - -

    Setting up the tests

    - -
      - -
    1. - -

      Download Selenium Core Zip, uncompress it into the 'manualtests' folder. Make sure the created folder is called 'selenium'.

      - -
    2. - -
    3. - -

      Move the file 'user-extension.js' from 'manualtests' folder into 'manualtest/selenium/core/scripts' folder.

      - -
    4. - -
    5. - -

      Now you need to test the Glow Interaction Test. View the 'manualtests' folder in a web browser. Press the [START] button to initiate the tests.

      - -
    6. - -
    7. - -

      If the tests ran, then you are ready to add your own test.

      - -
    8. - -
    - -

    Writing a test

    - -
      - -
    1. - -

      Inside the 'manualtests' folder is the file 'test_suite.html', this file controls how the tests are ran. This is what the content of the file looks like...

      - -
      -
      -			<html>
      -				<body>
      -					<table id="suiteTable" class="selenium"><tbody>
      -						<tr><td><b>Test Suite</b></td></tr>
      -						<tr><td><a href="tweens/tweens.testcase.html">glow.tweens</a></td></tr>
      -						<tr><td><a href="dragdrop/dragdrop.testcase.html">glow.dragdrop</a></td></tr>
      -						<tr><td><a href="end_test_suite.html">Finish</a></td></tr>
      -					</tbody></table>
      -				</body>
      -			</html>
      -
      -		
      - -

      Each test that is performed in this suite has its own line...

      - - -
      -
      -			<tr><td><a href="dragdrop/dragdrop.testcase.html">glow.dragdrop</a></td></tr>
      -
      -		
      - -

      Add a new row into the table for your test, so for example the HTML file would then look like this...

      - -
      -
      -			<html>
      -				<body>
      -					<table id="suiteTable" class="selenium"><tbody>
      -						<tr><td><b>Test Suite</b></td></tr>
      -						<tr><td><a href="tweens/tweens.testcase.html">glow.tweens</a></td></tr>
      -						<tr><td><a href="dragdrop/dragdrop.testcase.html">glow.dragdrop</a></td></tr>
      -						<tr><td><a href="example/example.testcase.html">example</a></td></tr>
      -						<tr><td><a href="end_test_suite.html">Finish</a></td></tr>
      -					</tbody></table>
      -				</body>
      -			</html>
      -
      -		
      - -

      NOTE: Make sure you put it just before the last line. to function correctly, the last line needs to be the one with 'FINISH' in it.

      - -
    2. - -
    3. - -

      Next step is to add a folder for your test into 'manualtests'. This is the current folder structure of 'manualtests'...

      - -
      -
      -			- [dir] manualtests
      -
      -				+ [dir] includes
      -
      -				+ [dir] dragdrop
      -
      -				- [dir] tweens
      -
      -					[file] tweens.html
      -
      -					[file] tweens.testcase.html
      -
      -		
      - -

      As you can see the folder 'tweens' has two files in it. Make a copy of the folder 'tweens', changing the name of the new folder to the name that you set in the step below, like this for example...

      - -
      -
      -			- [dir] manualtests
      -
      -				+ [dir] includes
      -
      -				+ [dir] dragdrop
      -
      -				- [dir] tweens
      -
      -					[file] tweens.html
      -
      -					[file] tweens.testcase.html
      -
      -				- [dir] example
      -
      -					[file] example.html
      -
      -					[file] example.testcase.html
      -
      -		
      - -

      In the new folder there are two files. 'example.testcase.html' is the selenium file that the test suite points to. 'example.html' is the actual test that you will write.

      - -
    4. - -
    5. - -

      Go into the new folder that you have just created and edit the file 'example.testcase.html'. This is quite a long file so here is just an extract of it, the first row of the table...

      - -
      -
      -			<tr>
      -				<td>open</td>
      -				<td>tweens/tweens.html</td>
      -				<td></td>
      -			</tr>
      -
      -		
      - -

      Change the second td tag so it points to the file in your new folder, so for example you would change it to look like this...

      - -
      -
      -			<tr>
      -				<td>open</td>
      -				<td>example/example.html</td>
      -				<td></td>
      -			</tr>
      -
      -		
      - -

      You are now ready to make your test.

      - -
    6. - -
    7. - -

      Open the file 'example.html'. This file has four main parts to it:

      - -
        - -
      • Javascript function setup_test()
      • - -
      • H1 header tag
      • - -
      • OL instructions list
      • - -
      • DIV called "play_area"
      • - -
      - -

      First, edit the H1 header tag to give your new test a meaningful name. Because we write one test for a part of Glow to test, it is best practice to give this test the name of the part of Glow that is to be tested.

      - -

      Now add in your instructions on how the tester will perform the test. Edit the UL instructions list. You can break the test down into seperate parts, for each part use an LI. The Glow Interaction Test interface will show each step one at a time.

      - -

      The DIV "play_area" is where you should perform the test. You can use the Javascript function setup_test() to add what ever elements you need to perform your test, or you can write them in here yourself.

      - -

      Now edit the Javascript function setup_test(). Please note, that this function is only called once, so if you want to test two different elements of Glow in one test, it is best to split your test into two.

      - -
    8. - -
    - - - diff --git a/manualtests/load.js b/manualtests/load.js deleted file mode 100644 index a40e8cd..0000000 --- a/manualtests/load.js +++ /dev/null @@ -1,36 +0,0 @@ - -var buildToTest = decodeURIComponent((window.location.search.match(/build=([^&]+)/) || ["", "src"])[1]); - -function moduleLocation (mod) { - if (buildToTest == 'src') { return 'src/' + mod; } - var base = 'dist/'; - var dist; - MANI: for (var i in manifest) { - for (var j = 0, length = manifest[i].length; j < length; j++) { - if (manifest[i][j] == mod) { - dist = i; - break MANI; - } - } - } - if (! dist) { throw "could not find module " + mod + " in manifest"; } - if (buildToTest == 'dist') { - return base + dist; - } else if (buildToTest == 'lite') { - return base + dist.replace(/.js$/, ".lite.js"); - } else if (buildToTest == 'debug') { - return base + dist.replace(/.js$/, ".debug.js"); - } else { - throw "build parameter must be src, dist, lite or debug"; - } -} - -var loadPrefix = '../'; - -var loaded = {}; -function require (js) { - if (loaded[js]) { return; } - loaded[js] = true; - document.write('<' + 'script type="text/javascript" src="' + loadPrefix + js + '"><' + '/script>'); -} - diff --git a/manualtests/manualtesting.js b/manualtests/manualtesting.js deleted file mode 100644 index d3ef0ec..0000000 --- a/manualtests/manualtesting.js +++ /dev/null @@ -1,194 +0,0 @@ -var ManualTestCase = function () { - var ManualTestCase = function (opts) { - this.name = opts.name; - this.setupTest = opts.setup; - this.resetTest = opts.reset; - this.check = opts.check; - this.userResult = opts.userResult; - }; - - /* setup */ - - ManualTestCase.prototype.attachTest = function (container) { - this.container = container; - this.container.addClass("not-started"); - this.testData = container.get(".test-steps").html(); - this.addStartButton(); - }; - - /* start button */ - - ManualTestCase.prototype.addStartButton = function () { - this.container.get(".test-name").parent().append(' start'); - this.startEvent = glow.events.addListener(this.container.get(".start > a")[0], "click", this.start, this); - }; - - ManualTestCase.prototype.removeStartButton = function () { - glow.events.removeListener(this.startEvent); - this.container.get(".start").remove(); - }; - - ManualTestCase.prototype.start = function () { - var res = this.setupTest(); - if (typeof res == 'boolean' && ! res) { return; } - this.removeStartButton(); - this.addResetButton(); - this.container.removeClass("not-started"); - this.container.addClass("started"); - this.container.get(".test-steps").removeClass("hidden"); - if (! this.userResult) { - this.addFinishButton(); - } - return false; - }; - - /* finish button */ - - ManualTestCase.prototype.addFinishButton = function () { - this.container.append('

    finish

    '); - this.finishEvent = glow.events.addListener(this.container.get(".finish > a")[0], 'click', this.finish, this); - }; - - ManualTestCase.prototype.removeFinishButton = function () { - if (this.userResult) return; - glow.events.removeListener(this.finishEvent); - this.container.get(".finish").remove(); - }; - - ManualTestCase.prototype.finish = function () { - this.removeFinishButton(); - this.addDiagnostics(); - var err; - try { - this.check(); - } - catch (e) { - err = e; - } - if (err) { - this.addFailureMessage(err); - } else { - this.addSuccessMessage(); - } - this.container.removeClass("started"); - this.container.addClass("finished"); - return false; - }; - - /* reset button */ - - ManualTestCase.prototype.addResetButton = function () { - this.container.get(".test-name").parent().append(' reset'); - this.resetEvent = glow.events.addListener(this.container.get(".reset > a")[0], "click", this.reset, this); - }; - - ManualTestCase.prototype.removeResetButton = function () { - glow.events.removeListener(this.resetEvent); - this.container.get(".reset").remove(); - }; - - ManualTestCase.prototype.reset = function () { - this.container.removeClass("finished"); - this.container.addClass("not-started"); - this.resetTest(); - this.removeDiagnostics(); - this.removeSuccessMessage(); - this.removeFailureMessage(); - var steps = this.container.get(".test-steps"); - this.container.get(".test-steps").html(this.testData); - this.removeFinishButton(); - this.removeResetButton(); - this.addStartButton(); - return false; - }; - - /* diagnostics */ - - ManualTestCase.prototype.diag = function (msg) { - var diag = glow.dom.create("
  • "); - diag.text(msg); - this.container.get("ul.diagnostics").append(diag); - }; - - ManualTestCase.prototype.addDiagnostics = function () { - this.container.append('
      '); - }; - - ManualTestCase.prototype.removeDiagnostics = function () { - var diagnostics = this.container.get("ul.diagnostics"); - if (diagnostics) diagnostics.remove(); - }; - - /* success */ - - ManualTestCase.prototype.addSuccessMessage = function () { - this.container.get(".test-name").parent().append('success') - this.container.append('

      Test Passed

      '); - }; - - ManualTestCase.prototype.removeSuccessMessage = function () { - var quietSuccess = this.container.get("span.success"); - if (quietSuccess) { quietSuccess.remove(); } - var verboseSuccess = this.container.get("p.success"); - if (verboseSuccess) verboseSuccess.remove(); - }; - - /* failure */ - - ManualTestCase.prototype.addFailureMessage = function (msg) { - var text = "Test Failed: " + msg; - var quietFailure = glow.dom.create(''); - quietFailure.text(text); - this.container.get(".test-name").parent().append(quietFailure); - var verboseFailure = glow.dom.create('

      '); - verboseFailure.text(text); - this.container.append(verboseFailure); - }; - - ManualTestCase.prototype.removeFailureMessage = function () { - var quietFailure = this.container.get("span.failure"); - if (quietFailure) { quietFailure.remove(); } - var verboseFailure = this.container.get("p.failure"); - if (verboseFailure) verboseFailure.remove(); - }; - - return ManualTestCase; -}(); - - -var testCases = {}; - -function registerTestCase (testCase) { - testCases[testCase.name] = testCase; -} - -function attachTests () { - var listItems = glow.dom.get(".test-cases > li"); - for (var i = 0, len = listItems.length; i < len; i++) { - var listItem = listItems.slice(i, i + 1); - var testName = listItem.get(".test-name").text(); - var testCase = testCases[testName]; - if (! testCase) { throw "unknown test case '" + testName + "'"; } - testCase.attachTest(listItem); - } -} - -function setVerbose (ck) { - var testCases = glow.dom.get(".test-cases"); - if (ck.checked) { - testCases.removeClass("quiet"); - } else { - testCases.addClass("quiet"); - } -} - -glow.events.addListener( - glow.dom.get("#verbose")[0], - "change", - function () { setVerbose(this); } -); - -setVerbose(glow.dom.get("#verbose")[0]); - - - diff --git a/manualtests/sortable/index.html b/manualtests/sortable/index.html deleted file mode 100644 index 12b0209..0000000 --- a/manualtests/sortable/index.html +++ /dev/null @@ -1,292 +0,0 @@ - - - - -Glow Sortable Test - - - -

      Glow Sortable Test

      - -
      Try out a complex sortable.
      - -
      -
      - - -
      -
      - -
      -
      -
      This is a feature.
      -
      - -
      - -
      -
      -
      - -
      -
      - - - - - - - - - - - - - - - diff --git a/manualtests/style.css b/manualtests/style.css deleted file mode 100644 index 4737220..0000000 --- a/manualtests/style.css +++ /dev/null @@ -1,115 +0,0 @@ - -body { - font-family:verdana,helvetica,arial,sans-serif; - background-color: white; - color:#000000; - font-size:62.5%; -} - -#container { - width: 800px; - margin: 0 auto; -} - -.pass { - background-color: green; - display: none; - float: right; -} - -.fail { - background-color: red; - display: none; - float: right; -} - -.test-case { - clear: both; -} - -.not-started .test-steps { - display: none; -} - -.quiet .finished .test-steps, .quiet .finished .diagnostics, .quiet p.success, .quiet p.failure { - display: none; -} - -ul span.success, ul span.failure { - display: none; -} - -.quiet span.success, .quiet span.failure { - display: inline; - margin-left: 10px; -} - -p { - width: 600px; -} - -ul p { - width: 500px; -} - -.failure { - color: #900; -} - -.success { - color: #090; -} - -p.failure { - padding: 4px; - background-color: #FEE; - border: 1px solid #C33; -} - -p.success { - padding: 4px; - background-color: #EFE; - border: 1px solid #3C3; -} - - -.small-test-box { - position: relative; - height: 50px; - width: 50px; - border: 1px solid black; -} - -.keyinfo { - position: relative; - border: 1px solid white; - overflow: auto; - clear: both; - width: 80%; -} - -.keyinfo div { - position: relative; - width: 30%; - float: left; - padding: 5px; -} - -.keyinfo ul { - list-style-type: none; - padding: 0; - margin: 0; -} - -.keyinfo li { - padding: 0; - margin: 0; -} - -.keyinfo h3 { - margin: 0; -} - -.fired { - background-color: red; -} diff --git a/manualtests/template/index.html b/manualtests/template/index.html new file mode 100644 index 0000000..fc985e9 --- /dev/null +++ b/manualtests/template/index.html @@ -0,0 +1,46 @@ + + + + Module Name + + + + + + + + +

      Module Name

      + +

      Test Title

      + +

      Brief description

      + +
        +
      • List of things to test
      • +
      + + + + + + + + + + \ No newline at end of file diff --git a/manualtests/test_suite.html b/manualtests/test_suite.html deleted file mode 100644 index caf0ad6..0000000 --- a/manualtests/test_suite.html +++ /dev/null @@ -1,9 +0,0 @@ - - -
      // " + document.title + "
      - - - -
      Test Suite
      glow.widgets.editor
      Finish
      - - diff --git a/manualtests/tests/TestSuite.html b/manualtests/tests/TestSuite.html deleted file mode 100644 index 8407a73..0000000 --- a/manualtests/tests/TestSuite.html +++ /dev/null @@ -1,13 +0,0 @@ - - -Glow Manual Test Suite - - - - - - -
      Suite Of Tests
      Events
      - - - diff --git a/manualtests/tests/events/events.js b/manualtests/tests/events/events.js deleted file mode 100644 index 131f8e4..0000000 --- a/manualtests/tests/events/events.js +++ /dev/null @@ -1,394 +0,0 @@ - -(function () { - var eventCounter = 0; - var clickListener; - registerTestCase( - new ManualTestCase({ - name: 'click event', - setup: function () { - if (window.location.hash && window.location.hash.length > 1) { - alert("test requires no fragment on url, removing " + window.location.hash); - window.location.hash = ''; - return false; - } - clickListener = glow.events.addListener( - this.container.get("a.click")[0], - "click", - function () { - eventCounter++; - return false; - } - ); - }, - reset: function () { - eventCounter = 0; - glow.events.removeListener(clickListener); - }, - check: function () { - this.diag("checking event handler was called"); - if (eventCounter != 1) { throw "event called " + eventCounter + " time(s) - expected 1"; } - this.diag("checking no fragment on url"); - if (window.location.hash.length > 1) { throw "url has # - return false does not prevent default action"; } - } - }) - ); - -})(); - - -(function () { - var eventCounter = 0; - var clickListener; - var controlListener; - var clicks = 0; - registerTestCase( - new ManualTestCase({ - name: 'remove handler', - setup: function () { - clickListener = glow.events.addListener( - this.container.get("a.click")[0], - "click", - function () { - eventCounter++; - glow.events.removeListener(clickListener); - return false; - } - ); - controlListener = glow.events.addListener( - this.container.get("a.click")[0], - "click", - function () { - clicks++; - return false; - } - ); - }, - reset: function () { - eventCounter = 0; - clicks = 0; - glow.events.removeListener(clickListener); - glow.events.removeListener(controlListener); - }, - check: function () { - this.diag("checking link was clicked twice"); - if (clicks != 2) { throw "link was clicked " + clicks + " time(s)"; } - this.diag("checking event handler was called once and only once"); - if (eventCounter != 1) { throw "event called " + eventCounter + " time(s) - expected 1"; } - } - }) - ); - -})(); - -(function () { - var clickListener, mouseUpListener, mouseDownListener; - var buttonsClicked = []; - registerTestCase( - new ManualTestCase({ - name: 'mouse buttons', - setup: function () { - clickListener = glow.events.addListener( - this.container.get("a.click")[0], - "click", - function () { return false; } - ); - mouseDownListener = glow.events.addListener( - this.container.get("a.click")[0], - "contextmenu", - function () { return false; } - ); - mouseUpListener = glow.events.addListener( - this.container.get("a.click")[0], - "mouseup", - function (e) { - buttonsClicked[buttonsClicked.length] = - e.button == 0 ? 'left' : - e.button == 1 ? 'middle' : - e.button == 2 ? 'right' : - 'unknown'; - return false; - } - ); - }, - reset: function () { - eventCounter = 0; - glow.events.removeListener(clickListener); - glow.events.removeListener(mouseUpListener); - glow.events.removeListener(mouseDownListener); - buttonsClicked = []; - }, - check: function () { - this.diag("checking for three clicks"); - if (buttonsClicked.length != 3) { throw "expected 3 button clicks, but only got " + buttonsClicked.length; } - this.diag("checking left button pressed first"); - if (buttonsClicked[0] != 'left') { throw "expected first button click to be the left button, got " + buttonsClicked[0]; } - this.diag("checking middle button pressed second"); - if (buttonsClicked[1] != 'middle') { throw "expected second button click to be the middle button, got " + buttonsClicked[0]; } - this.diag("checking right button pressed third"); - if (buttonsClicked[2] != 'right') { throw "expected third button click to be the right button, got " + buttonsClicked[0]; } - } - }) - ); - -})(); - -(function () { - var wheelListener; - var movements = []; - registerTestCase( - new ManualTestCase({ - name: 'mouse wheel on document', - setup: function () { - wheelListener = glow.events.addListener( - document, - "mousewheel", - function (e) { - movements[movements.length] = e.wheelDelta; - } - ); - }, - reset: function () { - movements = []; - glow.events.removeListener(wheelListener); - }, - check: function () { - this.diag("checking for two wheel movements"); - if (movements.length != 2) { throw "found " + movements.length + " wheel movement(s) (expected 2)"; } - this.diag("checking first movement was up one click"); - if (movements[0] != 1) { throw "first movement was " + movements[0] + " (expected 1)"; } - if (movements[1] != -1) { throw "second movement was " + movements[1] + " (expected -1)"; } - } - }) - ); - -})(); - -(function () { - var upWheelListener, downWheelListener; - var upAmount = 0; - var downAmount = 0; - registerTestCase( - new ManualTestCase({ - name: 'mouse wheel on element', - setup: function () { - upWheelListener = glow.events.addListener( - this.container.get("#mouse-wheel-up")[0], - "mousewheel", - function (e) { - upAmount += e.wheelDelta; - } - ); - downWheelListener = glow.events.addListener( - this.container.get("#mouse-wheel-down")[0], - "mousewheel", - function (e) { - downAmount += e.wheelDelta; - } - ); - }, - reset: function () { - upAmount = 0; - downAmount = 0; - glow.events.removeListener(upWheelListener); - glow.events.removeListener(downWheelListener); - }, - check: function () { - this.diag("checking wheelDelta for up"); - if (upAmount != 1) { throw "wheelDelta for up was " + upAmount + " (expected 1)"; } - this.diag("checking wheelDelta for down"); - if (downAmount != -1) { throw "wheelDelta for down was " + downAmount + " (expected -1)"; } - } - }) - ); - -})(); - - -(function () { - var enterListener, leaveListener, overRelatedTarget, outRelatedTarget; - registerTestCase( - new ManualTestCase({ - name: 'mouseover and mouseout', - setup: function () { - enterListener = glow.events.addListener( - glow.dom.get("#overout-top"), - "mouseover", - function (e) { - overRelatedTarget = e.relatedTarget; - } - ); - - leaveListener = glow.events.addListener( - "#overout-top", - "mouseout", - function (e) { - outRelatedTarget = e.relatedTarget; - } - ); - - }, - reset: function () { - glow.events.removeListener(enterListener); - glow.events.removeListener(leaveListener); - overRelatedTarget = null; - outRelatedTarget = null; - }, - check: function () { - this.diag("checking related target for mouseover"); - if (overRelatedTarget != glow.dom.get("#overout-bottom")[0]) { throw "incorrect relatedTarget for mouseover: " + overRelatedTarget; } - this.diag("checking related target for mouseout"); - if (outRelatedTarget != glow.dom.get("#overout-bottom")[0]) { throw "incorrect relatedTarget for mouseout: " + outRelatedTarget; } - } - }) - ); -})(); - - -(function () { - var keypressListener, keyupListener, keydownListener; - registerTestCase( - new ManualTestCase({ - name: 'simple keypresses', - userResult : true, - setup: function () { - keypressListener = glow.events.addListener( - document, - "keypress", - function (e) { - glow.dom.get('#key-pressed h3').addClass('fired'); - setTimeout(function () { glow.dom.get('#key-pressed h3').removeClass('fired'); }, 0.5); - var container = glow.dom.get('#key-pressed'); - container.get(".charCode").text(e.charCode || ''); - container.get(".char").text(e.chr ? '"' + e.chr + '"' : ''); - container.get(".keyCode").text(e.keyCode || ''); - container.get(".key").text(e.key || ''); - return false; - } - ); - keydownListener = glow.events.addListener( - document, - "keydown", - function (e) { - glow.dom.get('#key-down h3').addClass('fired'); - setTimeout(function () { glow.dom.get('#key-down h3').removeClass('fired'); }, 0.5); - var container = glow.dom.get('#key-down'); - container.get(".charCode").text(e.charCode || ''); - container.get(".chr").text(e.chr ? '"' + e.chr + '"' : ''); - container.get(".keyCode").text(e.keyCode || ''); - container.get(".key").text(e.key || ''); - if (e.key) { - return false; - } - } - ); - keyupListener = glow.events.addListener( - document, - "keyup", - function (e) { - glow.dom.get('#key-up h3').addClass('fired'); - setTimeout(function () { glow.dom.get('#key-up h3').removeClass('fired'); }, 0.5); - var container = glow.dom.get('#key-up'); - container.get(".charCode").text(e.charCode || ''); - container.get(".chr").text(e.chr ? '"' + e.chr + '"' : ''); - container.get(".keyCode").text(e.keyCode || ''); - container.get(".key").text(e.key || ''); - if (e.key) { - return false; - } - } - ); - }, - reset: function () { - glow.events.removeListener(keypressListener); - glow.events.removeListener(keyupListener); - glow.events.removeListener(keydownListener); - glow.dom.get('#key-press').text(""); - glow.dom.get('#key-up').text(""); - glow.dom.get('#key-down').text(""); - } - }) - ); -})(); - -(function () { - var events = []; - var combos = [ - { text: 'a', chr: 'a', shift: false, ctrl: false, alt: false, capsLock: false }, - { text: 'B (caps-lock off)', specifier: 'B', chr: 'B', shift: true, ctrl: false, alt: false, capsLock: false }, - { text: 'SHIFT+c (caps-lock on)', specifier: 'SHIFT+c', chr: 'c', shift: true, ctrl: false, alt: false, capsLock: true }, - { text: 'ALT+SHIFT++', chr: '+', shift: true, ctrl: false, alt: true, capsLock: undefined }, - { text: 'CTRL+D', chr: 'D', shift: true, ctrl: true, alt: false, capsLock: false }, - { text: 'SHIFT+CTRL+e', chr: 'E', shift: true, ctrl: true, alt: false, capsLock: false } - ]; - var keys = function (obj) { - var keys = []; - for (var i in obj) { - keys[keys.length] = i; - } - return keys; - }; - - if (!Array.prototype.map) { - Array.prototype.map = function(fun /*, thisp*/) { - var len = this.length; - if (typeof fun != "function") - throw new TypeError(); - var res = new Array(len); - var thisp = arguments[1]; - for (var i = 0; i < len; i++) { - if (i in this) - res[i] = fun.call(thisp, this[i], i, this); - } - return res; - }; - } - - var keysPressed = []; - registerTestCase( - new ManualTestCase({ - name: 'key manager', - setup: function () { - this.container.get(".test-steps").html( - combos.map(function (combo) { return "

    • Type: " + combo.text + "
    • "; }).join("") - ); - for (var i = 0, len = combos.length; i < len; i++) { - events[events.length] = glow.events.addKeyListener( - combos[i].specifier || combos[i].text, - 'press', - function (e) { - keysPressed[keysPressed.length] = { - chr: e.chr, - shift: e.shiftKey, - ctrl: e.ctrlKey, - alt: e.altKey, - capsLock: e.capsLock - }; - } - ); - } - }, - reset: function () { - for (var i = 0, len = events.length; i < len; i++) { - glow.events.removeListener(events[i]); - } - events = []; - keysPressed = []; - }, - check: function () { - for (var i = 0, len = combos.length; i < len; i++) { - this.diag("checking keypress " + combos[i].text); - if (! keysPressed[i]) { - throw "expected " + combos.length + " key presses, found " + keysPressed.length; - } - for (var j in { chr: 1, ctrl: 1, shift: 1, alt: 1, capsLock: 1 }) { - if (combos[i][j] != keysPressed[i][j]) { - throw combos[i].text + ": expected " + j + " to be " + combos[i][j] + ", found " + keysPressed[i][j]; - } - } - } - } - }) - ); -})(); - -attachTests(); diff --git a/manualtests/tests/events/index.html b/manualtests/tests/events/index.html deleted file mode 100644 index d2640a5..0000000 --- a/manualtests/tests/events/index.html +++ /dev/null @@ -1,135 +0,0 @@ - - - - - - Events Tests - Glow - - - -
      -

      Events Tests

      - -

      Running Tests

      - -

      - To run a test case, click on start, click each numbered instruction - and click finished. If the test passed, you will see the message - Test Passed. -

      - -
      -

      - - -

      -
      - -

      Mouse Events

      - -
        -
      • click event
        -
          -
        1. click here
        2. -
        -
      • -
      • remove handler
        -
          -
        1. click here
        2. -
        3. click above link again
        4. -
        -
      • -
      • mouse buttons
        -
          -
        1. click here with the left button
        2. -
        3. now click on the above link with the middle button
        4. -
        5. now click on the above link with the right button
        6. -
        -
      • -
      • mouse wheel on document
        -
          -
        1. Scroll the mouse wheel up one click.
        2. -
        3. Scroll the mouse wheel down one click.
        4. -
        -
      • -
      • mouse wheel on element
        -
          -
        1. Scroll the mouse wheel up one click in the following box: -

          -
        2. -
        3. Scroll the mouse wheel down one click in the following box: -

          -
        4. -
        -
      • -
      • mouseover and mouseout
        -
          -
        1. Move the mouse from the bottom box to the top box, and then back to the bottom box: -

          -
        2. -
        -
      • -
      - -

      Keyboard Events

      - -
        -
      • simple keypresses
        -
          -
        1. Press a selection of keys on your keyboard and check - that the correct characters/keys are displayed: -
          -
          -

          keypress

          -
            -
          • -
          • charCode:
          • -
          • char:
          • -
          • keyCode:
          • -
          • key:
          • -
          -
          -
          -

          keydown

          -
            -
          • -
          • charCode:
          • -
          • char:
          • -
          • keyCode:
          • -
          • key:
          • -
          -
          -
          -

          keyup

          -
            -
          • -
          • charCode:
          • -
          • char:
          • -
          • keyCode:
          • -
          • key:
          • -
          -
          -
          -
        2. -
        -
      • -
      • key manager
        -
          -
        1. -
        - -
        - - - - - - - diff --git a/manualtests/tests/events/selenium.html b/manualtests/tests/events/selenium.html deleted file mode 100644 index 6996562..0000000 --- a/manualtests/tests/events/selenium.html +++ /dev/null @@ -1,130 +0,0 @@ - - - -selenium - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        selenium
        openevents/index.html
        click//div/span[@class="test-name"][text()="click event"]/../span[@class="start"]/a
        click//div/span[@class="test-name"][text()="click event"]/../../ol[@class="test-steps"]/li[1]/a
        click//div/span[@class="test-name"][text()="click event"]/../../p[@class="finish"]/a
        assertElementPresent//div/span[@class="test-name"][text()="click event"]/../span[@class="success"]
        click//div/span[@class="test-name"][text()="remove handler"]/../span[@class="start"]/a
        click//div/span[@class="test-name"][text()="remove handler"]/../../ol[@class="test-steps"]/li[1]/a
        click//div/span[@class="test-name"][text()="remove handler"]/../../ol[@class="test-steps"]/li[1]/a
        click//div/span[@class="test-name"][text()="remove handler"]/../../p[@class="finish"]/a
        assertElementPresent//div/span[@class="test-name"][text()="remove handler"]/../span[@class="success"]
        click//div/span[@class="test-name"][text()="mouse buttons"]/../span[@class="start"]/a
        click//div/span[@class="test-name"][text()="mouse buttons"]/../../ol[@class="test-steps"]/li[1]/a
        click//div/span[@class="test-name"][text()="mouse buttons"]/../../ol[@class="test-steps"]/li[1]/a
        click//div/span[@class="test-name"][text()="mouse buttons"]/../../ol[@class="test-steps"]/li[1]/a
        click//div/span[@class="test-name"][text()="mouse buttons"]/../../p[@class="finish"]/a
        click//div/span[@class="test-name"][text()="mouseover and mouseout"]/../span[@class="start"]/a
        mouseMoveAt//div[@id="overout-bottom"]10,10
        mouseMoveAt//div[@id="overout-top"]10,10
        mouseMoveAt//div[@id="overout-bottom"]10,10
        click//div/span[@class="test-name"][text()="mouseover and mouseout"]/../../p[@class="finish"]/a
        - - diff --git a/manualtests/tweens/ball.png b/manualtests/tweens/ball.png deleted file mode 100644 index 9b29f8e..0000000 Binary files a/manualtests/tweens/ball.png and /dev/null differ diff --git a/manualtests/tweens/index.html b/manualtests/tweens/index.html deleted file mode 100644 index c0f1e14..0000000 --- a/manualtests/tweens/index.html +++ /dev/null @@ -1,193 +0,0 @@ - - - - -Glow Tweens Test - - - - - -

        Glow Tween Test

        - -
        View, test and build motion tweens
        - -
        -
        -

        Tween to view

        -

        Available tweens

        -
          -
        -

        View Tween

        -
        -

        -

        -
        -

        Combine Tweens

        -
        -

        -

        -

        -
        -
        -
        -

        The Tween

        -

        This is a graph of the tween selected above. Click within the graph to see how it animates.

        -
        -
        -
        -
        - - - - - - - - - - - - - diff --git a/manualtests/user-extensions.js b/manualtests/user-extensions.js deleted file mode 100644 index 6ae6dba..0000000 --- a/manualtests/user-extensions.js +++ /dev/null @@ -1,45 +0,0 @@ -// Collates data from each test to build report -Selenium.prototype.doAddTestResult = function() { - - if (!window.glowReport) window.glowReport = ''; - - var iframeDoc = getIframeDocument('testFrame'); - if (!iframeDoc) return false; - - arrTR = iframeDoc.getElementsByTagName('TABLE')[0].getElementsByTagName('TR'); - - var report = '' + arrTR[0].cells[0].innerHTML + ''; - - report += '' + arrTR[6].cells[2].innerHTML + ''; - - var comment = (arrTR[7].cells[2].innerHTML == 'Write a comment...') ? '' : arrTR[8].cells[2].innerHTML.replace(/QQQQQ/g, '
        '); - - report += '' + comment + ''; - - window.glowReport += report; - -}; - -// Builds report -Selenium.prototype.doBuildReport = function() { - - window.glowReport = '
        User Agent
        ' + navigator.userAgent + '
        Loading Method
        ' + window.top.window.translateLoadingMethod() + '
        ' + window.glowReport + '
        Test nameResultComment
        '; - - var iframeDoc = getIframeDocument('selenium_myiframe'); - if (!iframeDoc) return false; - - iframeDoc.getElementsByTagName('BODY')[0].innerHTML = window.glowReport; - - window.glowReport = ''; - -} - -// Helper func to get document object from iFrame. -function getIframeDocument(iframeId) -{ - return document.getElementById(iframeId).contentWindow.document; - - // If none of the IF statements catch then return false. - //console.error('ERROR with REPORT BUILER'); - return false; -} \ No newline at end of file diff --git a/manualtests/widgets/autosuggest/index.html b/manualtests/widgets/autosuggest/index.html index a4c76c3..4b54b27 100755 --- a/manualtests/widgets/autosuggest/index.html +++ b/manualtests/widgets/autosuggest/index.html @@ -2,7 +2,25 @@ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> - AutoSuggest Examples + glow.widgets.AutoSuggest + + + + + - - - - - -

        glow.widgets.AutoSuggest examples

        +

        glow.widgets.AutoSuggest

        -
        -

        Autosuggest with minimum input length, and completion

        -

        no description

        +

        Autosuggest with minimum input length, and completion

        + +
          +
        • Suggestions must not appear until at least 3 char have been entered
        • +
        • The browser's own autocomplete must not overlay our autosuggest
        • +
        • Multiple value will be autocompleted, sperated by spaces
        • +
        • When suggestions are shown, pressing escape will return the original value
        • +
        • You must be able to naigate the list by mouse and keyboard
        • +
        • When you hover over a value or activate it by keyboard, the new value should appear in the input, with the auto-completed part selected
        • +
        • No item is active initially
        • +
        • Pressing up when the first item is active will result in no items being active & initial value restored
        • +
        • Holding up or down arrow keys will loop through values
        • +
        • Pressing enter on an item / clicking on an item will leave that value in the input
        • +
        • If the browser has a zoom feature, zoom the view before the AutoSuggest appears, ensure it's in the correct position
        • +
        + +
        +
        +

        Try it: (type the name of a web-safe colour delimited with spaces)

        +
        +
        + + - -
        -
        -

        Try it: (type the name of a web-safe colour delimited with spaces)

        -
        -
        + }); + // ]]> + + + +

        Autosuggest with formatItem, no completion

        + +

        Making the suggstion list look fancy.

        + +
          +
        • Unlike the previous test, when the suggestions are hovered over / activated with keyboard, the new value shouldn't appear in the input (until clicked / press enter)
        • +
        • The suggestions must also show the colour in a box next to the name
        • +
        • Only a single colour value will autocomplete (unlike the previous test, where many could be entered space separated)
        • +
        • Type "yell", select "YellowGreen" by clicking on it. Now delete what's in the input. The input should remain empty.
        • +
        + +
        +
        +

        Try it: (type the name of a web-safe colour)

        +
        -
        -

        Autosuggest with formatItem, no completion

        -

        Making the suggstion list look fancy.

        - - + }); + // ]]> + + -
        -
        -

        Try it: (type the name of a web-safe colour)

        -
        -
        -
        -
        -

        Autosuggest with isMatch, and formatItem

        -

        +

        Autosuggest with isMatch, and formatItem

        +

        Here we are not matching on the beginning of the index. Note that completion isn't sane in such a case. -

        +

        + +
          +
        • Ensure items can be match by text other than the start of the term, eg "ell"
        • +
        • Ensure multiple items can be entered by separating them with a comma
        • +
        + +
        +
        +

        Try it: (type the name of a web-safe colour delimited with commas)

        +
        +
        + + - -
        -
        -

        Try it: (type the name of a web-safe colour delimited with commas)

        -
        -
        + }); + // ]]> + + + +

        Autosuggest with caseSensitive, maxListLength, onItemSelect, and completion

        +
          +
        • Ensure the search is case sensitive
        • +
        • Once selected, a hex value should appear in the input
        • +
        + +
        +
        +

        Try it: (type the name of a web-safe colour)

        +
        -
        -

        Autosuggest with caseSensitive, maxListLength, onItemSelect, and completion

        -

        You must type a word that matches the start of an index exactly, even case-wise.

        -

        Note that this results in a value that is not identical to the displayed suggestion.

        + - -
        -
        -

        Try it: (type the name of a web-safe colour)

        -
        -
        + }); + // ]]> + + + +

        Autosuggest with appearance options

        +

        Using the non-default theme of "dark" and changing the dimensions of the suggestion list.

        + +
        +
        +

        Try it: (type the name of a web-safe colour)

        +
        -
        -

        Autosuggest with appearance options

        -

        Using the non-default theme of "dark" and changing the dimensions of the suggestion list.

        + - -
        -
        -

        Try it: (type the name of a web-safe colour)

        -
        -
        -
        + }); + // ]]> + -
        -

        Position Suggestion Manually

        -

        The list of suggestions should appear above the input element.

        - - - -
        -
        -

        Try it: (type the name of a web-safe colour)

        -
        -
        -
        + glow.events.addListener('#testForm6', 'submit', function() { + alert('submit: ' + this.colornames6.value); + return false; + }); + }); + // ]]> +

        glow.widgets.AutoComplete examples

        +

        + This is a deprecated part of the API, included here to regression test against +

        +

        Single-value glow.widgets.AutoComplete

        Using autocomplete directly in this way is now deprecated.

        @@ -329,7 +405,8 @@

        Same with glow.widgets.AutoSuggest (using array of strings as dataSource)

        - - + + + - + \ No newline at end of file diff --git a/manualtests/widgets/carousel/index.html b/manualtests/widgets/carousel/index.html index cfef14e..369ecb7 100755 --- a/manualtests/widgets/carousel/index.html +++ b/manualtests/widgets/carousel/index.html @@ -2,128 +2,96 @@ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> - Carousel Examples + glow.widgets.Carousel + + + + + + - - - - - - - -

        glow.widgets.Carousel examples

        +

        glow.widgets.Carousel

        -
        -

        Carousel with looping, size and step

        -

        no description

        - - - -
        -
          -
        1. BBC One
        2. -
        3. BBC Two
        4. -
        5. BBC Three
        6. -
        7. BBC Four
        8. -
        9. BBC HD
        10. -
        11. CBBC
        12. -
        13. CBeebies
        14. -
        15. BBC News
        16. -
        17. BBC Parliament
        18. -
        19. Radio 1
        20. -
        21. Radio 2
        22. -
        23. Radio 3
        24. -
        25. Radio 4
        26. -
        27. Five Live
        28. -
        29. 6Music
        30. -
        31. BBC 7
        32. -
        -
        +

        Carousel with looping, size and step

        + +
          +
        • Clicking the left & right arrows should move the carousel in the expected direction by 2 items
        • +
        • Holding the mouse down on one of the buttons should repeatedly move the carousel, repeating the animation
        • +
        • While the left / right arrow has focus, the enter key should work like a click
        • +
        • While the carousel (or an item within) has focus, the left and right arrow keys should move the carousel
        • +
        • You should be able to loop through items (as in, clicking repeatedly / holding left will bring you back round to the start)
        • +
        • When tabbing through items in the carousel, the carousel should animate to keep the focused item in view
        • +
        • The next tabbed item after "8" should be the right arrow
        • +
        • Navigate so "one" is the rightmost item. Click it, animation should not occur
        • +
        + +
        +
          +
        1. +
        2. +
        3. +
        4. +
        5. +
        6. +
        7. +
        8. +
        + + + + diff --git a/src/events/events.js b/src/events/events.js index 63dcfd2..e974a93 100644 --- a/src/events/events.js +++ b/src/events/events.js @@ -259,13 +259,10 @@ // directly to the EventTarget upon which it is registered." // http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture if ( - ( - (name == 'focus') - || (name == 'blur') - ) + ( name == 'focus' || name == 'blur' ) && (glow.env.opera) ) { - glow.dom.get(attachTo).parent()[0].addEventListener(name, function(){},true); + attachTo.parentNode.addEventListener(name, function(){}, true); } attachTo.addEventListener(name.toLowerCase() == 'mousewheel' && glow.env.gecko ? 'DOMMouseScroll' : name, callback, capturingMode); @@ -507,8 +504,8 @@ function addFocusInOutEvent(attachTo, event) { var listenFor = event ? 'focusin' : 'focusout', toFire = event ? 'focus' : 'blur'; - r.addListener($(attachTo), listenFor, function(e) { - return !r.fire($(attachTo), toFire, e).defaultPrevented(); + r.addListener(attachTo, listenFor, function(e) { + return !r.fire(attachTo, toFire, e).defaultPrevented(); }); } diff --git a/src/widgets/carousel/carousel.js b/src/widgets/carousel/carousel.js index b9ca15f..edc41aa 100755 --- a/src/widgets/carousel/carousel.js +++ b/src/widgets/carousel/carousel.js @@ -299,7 +299,8 @@ rebuild.apply(this); - // apply delegated events + // apply events + addMouseNavEvents.call(this); addKeyboardNavEvents.call(this); addItemClickEvent.call(this); @@ -329,6 +330,34 @@ }); } + // add events for mouse navigation + function addMouseNavEvents() { + var that = this, + bothNavElms = glow.dom.get(this._navPrev).push(this._navNext); + + // add navigational events + events.addListener(bothNavElms, "click", function(e) { + return false; + }); + events.addListener(bothNavElms, "mouseup", function(e) { + stopRepeatOrSlide.call(that); + return false; + }); + events.addListener(bothNavElms, "mouseleave", function(e){ + stopRepeatOrSlide.call(that); + }); + events.addListener(this._navPrev, "mousedown", function(e) { + that.prev(); + startRepeatOrSlide.call(that, true); + return false; + }); + events.addListener(this._navNext, "mousedown", function(e){ + that.next(); + startRepeatOrSlide.call(that); + return false; + }); + } + /** Add the events needed for keboard navigation @private @@ -401,6 +430,67 @@ } } }); + + // capture focus on the element to catch tabbing + glow.events.addListener(this.element, "focus", function(e) { + _focusCallback.call( that, glow.dom.get(e.source) ); + }); + } + + // called when the carousel gets focus + // elm - NodeList of the element which got focus (event source) + function _focusCallback(elm) { + var that = this; + // If the element is not one of the nav buttons (and is not in the pageNav) ... + if ( + (elm[0] != this._navNext[0]) + && (elm[0] != this._navPrev[0]) + && (elm.parent().parent().hasClass('pageNav') == false) + ) { + // Get the element's index number from it's parent + var elmItemNum = _getCarouselItemNum.call(this, elm); + // return if we got an invalid item num + if (elmItemNum === -1 || this.items.slice(elmItemNum, elmItemNum+1).hasClass('carousel-added')) { + return; + } + // And Check to see if the index number is in the array of visible indexes... + if ( (' ' + this.visibleIndexes().join(' ') + ' ').indexOf(' ' + elmItemNum + ' ') == -1 ) { + // If so, then move the carousel to that index + this.moveTo(elmItemNum); + setTimeout(function() { + that._content[0].parentNode.scrollLeft = 0; + }, 0); + } + } + } + + // Work out the index number of the element within the carousel + // elm - NodeList of element in carousel. can be the containing item, or decendant of the containing item + function _getCarouselItemNum(elm) { + // Recurse back through parents until we find the carousel item + while ( !elm.hasClass('carousel-item') ) { + if ( elm.length == 0 ) { + // an item doesn't have focus + return -1; + } + elm = elm.parent(); + } + + // Create nodeList of passed in element's siblings + var elmSiblings = elm.parent().children(); + + // Default return value is -1, we'll update this if we find a match (we should always find a match so this value is redundant) + var x = -1; + + // Loop through sibling nodes until we find a match with the original element + elmSiblings.each(function(i){ + // When we get a match set the value of x to match the index value + if (elmSiblings[i] == elm[0]) { + x = i; + } + }); + + return x; } /** @@ -601,125 +691,6 @@ if (!canGo.apply(this, ["prev"])) this._navPrev.addClass("carousel-prev-disabled"); else if (!canGo.apply(this, [])) this._navNext.addClass("carousel-next-disabled"); } - - // add navigational events - events.addListener(this._navPrev, "click", function(e){ return false; }); - events.addListener(this._navPrev, "mousedown", function(e){ that.prev(); startRepeatOrSlide.call(that, true); return false; }); - events.addListener(this._navPrev, "mouseup", function(e){ stopRepeatOrSlide.call(that); return false; }); - events.addListener(this._navPrev, "mouseout", function(e){ - // in some browsers (firefox 2), relatedTarget can be null if pointer leaves viewport quick enough - if (e.relatedTarget && (e.relatedTarget == that._navPrev[0] || $(e.relatedTarget).isWithin(that._navPrev))) { - return; - } - stopRepeatOrSlide.call(that); - }); - - events.addListener(this._navNext, "click", function(e){ return false; }); - events.addListener(this._navNext, "mousedown", function(e){ that.next(); startRepeatOrSlide.call(that); return false; }); - events.addListener(this._navNext, "mouseup", function(e){ stopRepeatOrSlide.call(that); return false; }); - events.addListener(this._navNext, "mouseout", function(e){ - // in some browsers (firefox 2), relatedTarget can be null if pointer leaves viewport quick enough - if (e.relatedTarget && (e.relatedTarget == that._navNext[0] || $(e.relatedTarget).isWithin(that._navNext))) { - return; - } - stopRepeatOrSlide.call(that); - }); - - - /* - Tabbing interaction - =================== - This block of code makes the carousel play nice when tabbing through it. Everytime - you tab through an item in the carousel, the widget will move to keep the selected - item in view. - - Event delegation is used on the widget with focus and blur events. There are issues - with doing this which are explained in detail by PPK: - http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html - */ - - glow.events.addListener(this.element, "focus", function(e) { - _focusCallback(glow.dom.get(e.target)); - }); - - /** - @name _focusCallback - @function - @private - @param {glow.dom.nodeList} Element where the focus event came from - @description If the focused element isn't one of the next/previous buttons then move the carousel to that element - */ - function _focusCallback(elm) { - - // If the element is not one of the nav buttons (and is not in the pageNav) ... - if ( - (elm.item(0) != that._navNext[0]) - && (elm.item(0) != that._navPrev[0]) - && (elm.parent().parent().hasClass('pageNav') == false) - ) { - - // Get the element's index number from it's parent - var elmItemNum = _getCarouselItemNum(elm); - - // return if we got an invalid item num - if (elmItemNum === -1) { - return; - } - - // And Check to see if the index number is in the array of visible indexes... - if ( ('|' + that.visibleIndexes().toString() + '|').replace(/,/g, '|').indexOf('|' + elmItemNum + '|') == -1) { - - // If so, then move the carousel to that index - that.moveTo(elmItemNum); - setTimeout(function() { - glow.dom.get(that._content).parent().item(0).scrollLeft = 0; - }, 0); - - } - - } - - } - - - /** - @name_getCarouselItemNum - @function - @private - @param {glow.dom.nodeList} Element where the focus event came from - @description Work out the index number of the element within the carousel - */ - function _getCarouselItemNum(elm) { - - // Recurse back through parents until we find the carousel item - while ( !elm.hasClass('.carousel-item') ) { - if ( elm.length == 0 ) { - // an item doesn't have focus - return -1; - } - elm = elm.parent(); - } - - // Create nodeList of passed in element's siblings - var elmSiblings = elm.parent().children(); - - // Default return value is -1, we'll update this if we find a match (we should always find a match so this value is redundant) - var x = -1; - - // Loop through sibling nodes until we find a match with the original element - elmSiblings.each(function(i){ - - // When we get a match set the value of x to match the index value - if (elmSiblings[i] == elm.item(0)) { - x = i; - } - - }); - - return x; - - } - } @@ -872,13 +843,18 @@ } } - /** - Stop any running slides. - @private - */ + // triggered when scrolling ends function endScroll() { /*debug*///console.log("Carousel-endScroll()"); + var visibleIndexFirst = this._visibleIndexFirst(); + + // stop any currently playing animations this._slideNext.stop(); this._slidePrev.stop(); + + // if the first visible item is a clone, move back to the start + if ( this.items.slice(visibleIndexFirst, visibleIndexFirst + 1).hasClass('carousel-added') ) { + this.moveTo(0, false); + } } /**