Added docs + tests
Project: http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/repo Commit: http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/commit/66e99b98 Tree: http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/tree/66e99b98 Diff: http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/diff/66e99b98 Branch: refs/heads/master Commit: 66e99b98ebce8a48eafe3553f9bebfa820aea098 Parents: a954e41 Author: Steven Gill <[email protected]> Authored: Wed Jun 26 14:43:49 2013 -0700 Committer: Steven Gill <[email protected]> Committed: Wed Jun 26 14:43:49 2013 -0700 ---------------------------------------------------------------------- docs/notification.alert.md | 117 ++ docs/notification.beep.md | 120 ++ docs/notification.confirm.md | 134 ++ docs/notification.md | 81 + docs/notification.prompt.md | 120 ++ docs/notification.vibrate.md | 103 + test/autotest/html/HtmlReporter.js | 101 + test/autotest/html/HtmlReporterHelpers.js | 60 + test/autotest/html/ReporterView.js | 164 ++ test/autotest/html/SpecView.js | 79 + test/autotest/html/SuiteView.js | 22 + test/autotest/html/TrivialReporter.js | 192 ++ test/autotest/index.html | 59 + test/autotest/jasmine.css | 81 + test/autotest/jasmine.js | 2530 ++++++++++++++++++++++++ test/autotest/pages/.DS_Store | Bin 0 -> 6148 bytes test/autotest/pages/notification.html | 71 + test/autotest/test-runner.js | 62 + test/autotest/tests/.DS_Store | Bin 0 -> 6148 bytes test/autotest/tests/notification.tests.js | 51 + test/cordova-incl.js | 70 + test/index.html | 65 + test/main.js | 163 ++ test/master.css | 164 ++ test/notification/index.html | 144 ++ 25 files changed, 4753 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/docs/notification.alert.md ---------------------------------------------------------------------- diff --git a/docs/notification.alert.md b/docs/notification.alert.md new file mode 100644 index 0000000..e383ab9 --- /dev/null +++ b/docs/notification.alert.md @@ -0,0 +1,117 @@ +--- +license: Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you 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. +--- + +notification.alert +================== + +Shows a custom alert or dialog box. + + navigator.notification.alert(message, alertCallback, [title], [buttonName]) + +- __message:__ Dialog message (`String`) +- __alertCallback:__ Callback to invoke when alert dialog is dismissed. (`Function`) +- __title:__ Dialog title (`String`) (Optional, Default: "Alert") +- __buttonName:__ Button name (`String`) (Optional, Default: "OK") + +Description +----------- + +Most Cordova implementations use a native dialog box for this feature. However, some platforms simply use the browser's `alert` function, which is typically less customizable. + +Supported Platforms +------------------- + +- Android +- BlackBerry WebWorks (OS 5.0 and higher) +- iPhone +- Windows Phone 7 and 8 +- Bada 1.2 & 2.x +- webOS +- Tizen +- Windows 8 + +Quick Example +------------- + + // Android / BlackBerry WebWorks (OS 5.0 and higher) / iPhone / Tizen + // + function alertDismissed() { + // do something + } + + navigator.notification.alert( + 'You are the winner!', // message + alertDismissed, // callback + 'Game Over', // title + 'Done' // buttonName + ); + +Full Example +------------ + + <!DOCTYPE html> + <html> + <head> + <title>Notification Example</title> + + <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script> + <script type="text/javascript" charset="utf-8"> + + // Wait for Cordova to load + // + document.addEventListener("deviceready", onDeviceReady, false); + + // Cordova is ready + // + function onDeviceReady() { + // Empty + } + + // alert dialog dismissed + function alertDismissed() { + // do something + } + + // Show a custom alertDismissed + // + function showAlert() { + navigator.notification.alert( + 'You are the winner!', // message + alertDismissed, // callback + 'Game Over', // title + 'Done' // buttonName + ); + } + + </script> + </head> + <body> + <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p> + </body> + </html> + +Windows Phone 7 and 8 Quirks +------------- + +- There is no built in browser alert, so if you want to just write alert('foo'); you can assign window.alert = navigator.notification.alert; +- alert + confirm calls are non-blocking, and result is only available asynchronously. + +Bada 2.x Quirks +--------------- +- alert uses javascript alert http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/docs/notification.beep.md ---------------------------------------------------------------------- diff --git a/docs/notification.beep.md b/docs/notification.beep.md new file mode 100644 index 0000000..e9cc33c --- /dev/null +++ b/docs/notification.beep.md @@ -0,0 +1,120 @@ +--- +license: Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you 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. +--- + +notification.beep +================= + +The device will play a beep sound. + + navigator.notification.beep(times); + +- __times:__ The number of times to repeat the beep (`Number`) + +Supported Platforms +------------------- + +- Android +- BlackBerry WebWorks (OS 5.0 and higher) +- iPhone +- Windows Phone 7 and 8 +- Bada 1.2 & 2.x +- Tizen + +Quick Example +------------- + + // Beep twice! + navigator.notification.beep(2); + +Full Example +------------ + + <!DOCTYPE html> + <html> + <head> + <title>Notification Example</title> + + <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script> + <script type="text/javascript" charset="utf-8"> + + // Wait for Cordova to load + // + document.addEventListener("deviceready", onDeviceReady, false); + + // Cordova is ready + // + function onDeviceReady() { + // Empty + } + + // Show a custom alert + // + function showAlert() { + navigator.notification.alert( + 'You are the winner!', // message + 'Game Over', // title + 'Done' // buttonName + ); + } + + // Beep three times + // + function playBeep() { + navigator.notification.beep(3); + } + + // Vibrate for 2 seconds + // + function vibrate() { + navigator.notification.vibrate(2000); + } + + </script> + </head> + <body> + <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p> + <p><a href="#" onclick="playBeep(); return false;">Play Beep</a></p> + <p><a href="#" onclick="vibrate(); return false;">Vibrate</a></p> + </body> + </html> + +Android Quirks +-------------- + +- Android plays the default "Notification ringtone" specified under the "Settings/Sound & Display" panel. + +iPhone Quirks +------------- + +- Ignores the beep count argument. +- There is no native beep API for iPhone. + - Cordova implements beep by playing an audio file via the media API. + - The user must provide a file with the desired beep tone. + - This file must be less than 30 seconds long, located in the www/ root, and must be named `beep.wav`. + +Windows Phone 7 and 8 Quirks +------------- + +- Cordova lib includes a generic beep file that is used. + +Tizen Quirks +------------- + + - Tizen implements beep by playing an audio file via the media API. + - This beep file must be short, named `beep.wav` and has to be located in a 'sounds' sub-directory of the application root directory. http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/docs/notification.confirm.md ---------------------------------------------------------------------- diff --git a/docs/notification.confirm.md b/docs/notification.confirm.md new file mode 100755 index 0000000..dca3cc8 --- /dev/null +++ b/docs/notification.confirm.md @@ -0,0 +1,134 @@ +--- +license: Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you 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. +--- + +notification.confirm +==================== + +Shows a customizable confirmation dialog box. + + navigator.notification.confirm(message, confirmCallback, [title], [buttonLabels]) + +- __message:__ Dialog message (`String`) +- __confirmCallback:__ - Callback to invoke with index of button pressed (1, 2 or 3) or when the dialog is dismissed without a button press (0), (`Function`) +- __title:__ Dialog title (`String`) (Optional, Default: "Confirm") +- __buttonLabels:__ Comma separated string with button labels (`String`) (Optional, Default: "OK,Cancel") + +Description +----------- + +Function `notification.confirm` displays a native dialog box that is more customizable than the browser's `confirm` function. + +confirmCallback +--------------- + +The `confirmCallback` is called when the user has pressed one of the buttons on the confirmation dialog box. + +The callback takes the argument `buttonIndex` (`Number`), which is the index of the pressed button. It's important to note that the index uses one-based indexing, so the value will be `1`, `2`, `3`, etc. + +Supported Platforms +------------------- + +- Android +- BlackBerry WebWorks (OS 5.0 and higher) +- iPhone +- Windows Phone 7 and 8 +- Bada 1.2 & 2.x +- Tizen +- Windows 8 + +Quick Example +------------- + + // process the confirmation dialog result + function onConfirm(buttonIndex) { + alert('You selected button ' + buttonIndex); + } + + // Show a custom confirmation dialog + // + function showConfirm() { + navigator.notification.confirm( + 'You are the winner!', // message + onConfirm, // callback to invoke with index of button pressed + 'Game Over', // title + 'Restart,Exit' // buttonLabels + ); + } + +Full Example +------------ + + <!DOCTYPE html> + <html> + <head> + <title>Notification Example</title> + + <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script> + <script type="text/javascript" charset="utf-8"> + + // Wait for Cordova to load + // + document.addEventListener("deviceready", onDeviceReady, false); + + // Cordova is ready + // + function onDeviceReady() { + // Empty + } + + // process the confirmation dialog result + function onConfirm(buttonIndex) { + alert('You selected button ' + buttonIndex); + } + + // Show a custom confirmation dialog + // + function showConfirm() { + navigator.notification.confirm( + 'You are the winner!', // message + onConfirm, // callback to invoke with index of button pressed + 'Game Over', // title + 'Restart,Exit' // buttonLabels + ); + } + + </script> + </head> + <body> + <p><a href="#" onclick="showConfirm(); return false;">Show Confirm</a></p> + </body> + </html> + +Windows Phone 7 and 8 Quirks +---------------------- + +- There is no built-in browser function for `window.confirm` + - You can bind `window.confirm` by assigning `window.confirm = navigator.notification.confirm;`. +- Calls to `alert` and `confirm` are non-blocking and result is only available asynchronously. + + +Bada 2.x Quirks +--------------- + +- `confirm` uses the browser's built-in `alert` function. + +Bada 1.2 Quirks +--------------- + +- Ignore button names, always `'OK|Cancel'`. http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/docs/notification.md ---------------------------------------------------------------------- diff --git a/docs/notification.md b/docs/notification.md new file mode 100644 index 0000000..2f6c059 --- /dev/null +++ b/docs/notification.md @@ -0,0 +1,81 @@ +--- +license: Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you 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. +--- + +Notification +============ + +> Visual, audible, and tactile device notifications. + +Methods +------- + +- notification.alert +- notification.confirm +- notification.prompt +- notification.beep +- notification.vibrate + +Permissions +----------- + +### Android + +#### app/res/xml/config.xml + + <plugin name="Notification" value="org.apache.cordova.Notification"/> + +#### app/AndroidManifest.xml + + <uses-permission android:name="android.permission.VIBRATE" /> + +### Bada + +#### manifest.xml + + <Privilege> + <Name>SYSTEM_SERVICE</Name> + </Privilege> + +### BlackBerry WebWorks + +#### www/plugins.xml + + <plugin name="Notification" value="org.apache.cordova.notification.Notification" /> + +#### www/config.xml + + <feature id="blackberry.ui.dialog" /> + +### iOS + +#### config.xml + + <plugin name="Notification" value="CDVNotification" /> + +### webOS + + No permissions are required. + +### Windows Phone + + No permissions are required. + +### Tizen + + No permissions are required. http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/docs/notification.prompt.md ---------------------------------------------------------------------- diff --git a/docs/notification.prompt.md b/docs/notification.prompt.md new file mode 100644 index 0000000..26192b3 --- /dev/null +++ b/docs/notification.prompt.md @@ -0,0 +1,120 @@ +--- +license: Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you 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. +--- + +notification.prompt +==================== + +Shows a customizable prompt dialog box. + + navigator.notification.prompt(message, promptCallback, [title], [buttonLabels]) + +- __message:__ Dialog message (`String`) +- __promptCallback:__ - Callback to invoke when a button is pressed (`Function`) +- __title:__ Dialog title (`String`) (Optional, Default: "Prompt") +- __buttonLabels:__ Array of strings for the button labels (`Array`) (Optional, Default: ["OK","Cancel"]) + +Description +----------- + +Function `notification.prompt` displays a native dialog box that is more customizable than the browser's `prompt` function. + +promptCallback +--------------- + +The `promptCallback` is called when the user has pressed one of the buttons on the prompt dialog box. + +The callback takes the argument `results` which contains the following properties: + +- __buttonIndex:__ (`Number`), which is the index of the pressed button. It's important to note that the index uses one-based indexing, so the value will be `1`, `2`, `3`, etc. +- __input1:__ (`String`), which is the text entered in the prompt dialog box. + +Supported Platforms +------------------- + +- Android +- iPhone + +Quick Example +------------- + + // process the promp dialog results + function onPrompt(results) { + alert("You selected button number " + results.buttonIndex + " and entered " + results.input1); + } + + // Show a custom prompt dialog + // + function showPrompt() { + navigator.notification.prompt( + 'Please enter your name', // message + onPrompt, // callback to invoke + 'Registration', // title + ['Ok','Exit'] // buttonLabels + ); + } + +Full Example +------------ + + <!DOCTYPE html> + <html> + <head> + <title>Notification Prompt Dialog Example</title> + + <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script> + <script type="text/javascript" charset="utf-8"> + + // Wait for Cordova to load + // + document.addEventListener("deviceready", onDeviceReady, false); + + // Cordova is ready + // + function onDeviceReady() { + // Empty + } + + // process the promptation dialog result + function onPrompt(results) { + alert("You selected button number " + results.buttonIndex + " and entered " + results.input1); + } + + // Show a custom prompt dialog + // + function showPrompt() { + navigator.notification.prompt( + 'Please enter your name', // message + onPrompt, // callback to invoke + 'Registration', // title + ['Ok','Exit'] // buttonLabels + ); + } + + </script> + </head> + <body> + <p><a href="#" onclick="showPrompt(); return false;">Show Prompt</a></p> + </body> + </html> + +Android Quirks +---------------------- + +- Android supports up to a maximum of 3 buttons. Additional button labels over 3 are ignored. +- On Android 3.0 and later, the buttons will be displayed in reverse order for devices using the Holo theme. http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/docs/notification.vibrate.md ---------------------------------------------------------------------- diff --git a/docs/notification.vibrate.md b/docs/notification.vibrate.md new file mode 100644 index 0000000..5a13ab3 --- /dev/null +++ b/docs/notification.vibrate.md @@ -0,0 +1,103 @@ +--- +license: Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you 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. +--- + +notification.vibrate +==================== + +Vibrates the device for the specified amount of time. + + navigator.notification.vibrate(milliseconds) + +- __time:__ Milliseconds to vibrate the device. 1000 milliseconds equals 1 second (`Number`) + +Supported Platforms +------------------- + +- Android +- BlackBerry WebWorks (OS 5.0 and higher) +- iPhone +- Windows Phone 7 and 8 +- Bada 1.2 & 2.x + +Quick Example +------------- + + // Vibrate for 2.5 seconds + // + navigator.notification.vibrate(2500); + +Full Example +------------ + + <!DOCTYPE html> + <html> + <head> + <title>Notification Example</title> + + <script type="text/javascript" charset="utf-8" src="cordova-x.x.x.js"></script> + <script type="text/javascript" charset="utf-8"> + + // Wait for Cordova to load + // + document.addEventListener("deviceready", onDeviceReady, false); + + // Cordova is ready + // + function onDeviceReady() { + // Empty + } + + // Show a custom alert + // + function showAlert() { + navigator.notification.alert( + 'You are the winner!', // message + 'Game Over', // title + 'Done' // buttonName + ); + } + + // Beep three times + // + function playBeep() { + navigator.notification.beep(3); + } + + // Vibrate for 2 seconds + // + function vibrate() { + navigator.notification.vibrate(2000); + } + + </script> + </head> + <body> + <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p> + <p><a href="#" onclick="playBeep(); return false;">Play Beep</a></p> + <p><a href="#" onclick="vibrate(); return false;">Vibrate</a></p> + </body> + </html> + +iPhone Quirks +------------- + +- __time:__ Ignores the time and vibrates for a pre-set amount of time. + + navigator.notification.vibrate(); + navigator.notification.vibrate(2500); // 2500 is ignored http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/html/HtmlReporter.js ---------------------------------------------------------------------- diff --git a/test/autotest/html/HtmlReporter.js b/test/autotest/html/HtmlReporter.js new file mode 100644 index 0000000..7d9d924 --- /dev/null +++ b/test/autotest/html/HtmlReporter.js @@ -0,0 +1,101 @@ +jasmine.HtmlReporter = function(_doc) { + var self = this; + var doc = _doc || window.document; + + var reporterView; + + var dom = {}; + + // Jasmine Reporter Public Interface + self.logRunningSpecs = false; + + self.reportRunnerStarting = function(runner) { + var specs = runner.specs() || []; + + if (specs.length == 0) { + return; + } + + createReporterDom(runner.env.versionString()); + doc.body.appendChild(dom.reporter); + + reporterView = new jasmine.HtmlReporter.ReporterView(dom); + reporterView.addSpecs(specs, self.specFilter); + }; + + self.reportRunnerResults = function(runner) { + reporterView && reporterView.complete(); + }; + + self.reportSuiteResults = function(suite) { + reporterView.suiteComplete(suite); + }; + + self.reportSpecStarting = function(spec) { + if (self.logRunningSpecs) { + self.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...'); + } + }; + + self.reportSpecResults = function(spec) { + reporterView.specComplete(spec); + }; + + self.log = function() { + var console = jasmine.getGlobal().console; + if (console && console.log) { + if (console.log.apply) { + console.log.apply(console, arguments); + } else { + console.log(arguments); // ie fix: console.log.apply doesn't exist on ie + } + } + }; + + self.specFilter = function(spec) { + if (!focusedSpecName()) { + return true; + } + + return spec.getFullName().indexOf(focusedSpecName()) === 0; + }; + + return self; + + function focusedSpecName() { + var specName; + + (function memoizeFocusedSpec() { + if (specName) { + return; + } + + var paramMap = []; + var params = doc.location.search.substring(1).split('&'); + + for (var i = 0; i < params.length; i++) { + var p = params[i].split('='); + paramMap[decodeURIComponent(p[0])] = decodeURIComponent(p[1]); + } + + specName = paramMap.spec; + })(); + + return specName; + } + + function createReporterDom(version) { + dom.reporter = self.createDom('div', { id: 'HTMLReporter', className: 'jasmine_reporter' }, + dom.banner = self.createDom('div', { className: 'banner' }, + self.createDom('span', { className: 'title' }, "Jasmine "), + self.createDom('span', { className: 'version' }, version)), + + dom.symbolSummary = self.createDom('ul', {className: 'symbolSummary'}), + dom.alert = self.createDom('div', {className: 'alert'}), + dom.results = self.createDom('div', {className: 'results'}, + dom.summary = self.createDom('div', { className: 'summary' }), + dom.details = self.createDom('div', { id: 'details' })) + ); + } +}; +jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter); http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/html/HtmlReporterHelpers.js ---------------------------------------------------------------------- diff --git a/test/autotest/html/HtmlReporterHelpers.js b/test/autotest/html/HtmlReporterHelpers.js new file mode 100644 index 0000000..745e1e0 --- /dev/null +++ b/test/autotest/html/HtmlReporterHelpers.js @@ -0,0 +1,60 @@ +jasmine.HtmlReporterHelpers = {}; + +jasmine.HtmlReporterHelpers.createDom = function(type, attrs, childrenVarArgs) { + var el = document.createElement(type); + + for (var i = 2; i < arguments.length; i++) { + var child = arguments[i]; + + if (typeof child === 'string') { + el.appendChild(document.createTextNode(child)); + } else { + if (child) { + el.appendChild(child); + } + } + } + + for (var attr in attrs) { + if (attr == "className") { + el[attr] = attrs[attr]; + } else { + el.setAttribute(attr, attrs[attr]); + } + } + + return el; +}; + +jasmine.HtmlReporterHelpers.getSpecStatus = function(child) { + var results = child.results(); + var status = results.passed() ? 'passed' : 'failed'; + if (results.skipped) { + status = 'skipped'; + } + + return status; +}; + +jasmine.HtmlReporterHelpers.appendToSummary = function(child, childElement) { + var parentDiv = this.dom.summary; + var parentSuite = (typeof child.parentSuite == 'undefined') ? 'suite' : 'parentSuite'; + var parent = child[parentSuite]; + + if (parent) { + if (typeof this.views.suites[parent.id] == 'undefined') { + this.views.suites[parent.id] = new jasmine.HtmlReporter.SuiteView(parent, this.dom, this.views); + } + parentDiv = this.views.suites[parent.id].element; + } + + parentDiv.appendChild(childElement); +}; + + +jasmine.HtmlReporterHelpers.addHelpers = function(ctor) { + for(var fn in jasmine.HtmlReporterHelpers) { + ctor.prototype[fn] = jasmine.HtmlReporterHelpers[fn]; + } +}; + http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/html/ReporterView.js ---------------------------------------------------------------------- diff --git a/test/autotest/html/ReporterView.js b/test/autotest/html/ReporterView.js new file mode 100644 index 0000000..6a6d005 --- /dev/null +++ b/test/autotest/html/ReporterView.js @@ -0,0 +1,164 @@ +jasmine.HtmlReporter.ReporterView = function(dom) { + this.startedAt = new Date(); + this.runningSpecCount = 0; + this.completeSpecCount = 0; + this.passedCount = 0; + this.failedCount = 0; + this.skippedCount = 0; + + this.createResultsMenu = function() { + this.resultsMenu = this.createDom('span', {className: 'resultsMenu bar'}, + this.summaryMenuItem = this.createDom('a', {className: 'summaryMenuItem', href: "#"}, '0 specs'), + ' | ', + this.detailsMenuItem = this.createDom('a', {className: 'detailsMenuItem', href: "#"}, '0 failing')); + + this.summaryMenuItem.onclick = function() { + dom.reporter.className = dom.reporter.className.replace(/ showDetails/g, ''); + }; + + this.detailsMenuItem.onclick = function() { + showDetails(); + }; + }; + + this.addSpecs = function(specs, specFilter) { + this.totalSpecCount = specs.length; + + this.views = { + specs: {}, + suites: {} + }; + + for (var i = 0; i < specs.length; i++) { + var spec = specs[i]; + this.views.specs[spec.id] = new jasmine.HtmlReporter.SpecView(spec, dom, this.views); + if (specFilter(spec)) { + this.runningSpecCount++; + } + } + }; + + this.specComplete = function(spec) { + this.completeSpecCount++; + + if (isUndefined(this.views.specs[spec.id])) { + this.views.specs[spec.id] = new jasmine.HtmlReporter.SpecView(spec, dom); + } + + var specView = this.views.specs[spec.id]; + + switch (specView.status()) { + case 'passed': + this.passedCount++; + break; + + case 'failed': + this.failedCount++; + break; + + case 'skipped': + this.skippedCount++; + break; + } + + specView.refresh(); + this.refresh(); + }; + + this.suiteComplete = function(suite) { + var suiteView = this.views.suites[suite.id]; + if (isUndefined(suiteView)) { + return; + } + suiteView.refresh(); + }; + + this.refresh = function() { + + if (isUndefined(this.resultsMenu)) { + this.createResultsMenu(); + } + + // currently running UI + if (isUndefined(this.runningAlert)) { + this.runningAlert = this.createDom('a', {href: "?", className: "runningAlert bar"}); + dom.alert.appendChild(this.runningAlert); + } + this.runningAlert.innerHTML = "Running " + this.completeSpecCount + " of " + specPluralizedFor(this.totalSpecCount); + + // skipped specs UI + if (isUndefined(this.skippedAlert)) { + this.skippedAlert = this.createDom('a', {href: "?", className: "skippedAlert bar"}); + } + + this.skippedAlert.innerHTML = "Skipping " + this.skippedCount + " of " + specPluralizedFor(this.totalSpecCount) + " - run all"; + + if (this.skippedCount === 1 && isDefined(dom.alert)) { + dom.alert.appendChild(this.skippedAlert); + } + + // passing specs UI + if (isUndefined(this.passedAlert)) { + this.passedAlert = this.createDom('span', {href: "?", className: "passingAlert bar"}); + } + this.passedAlert.innerHTML = "Passing " + specPluralizedFor(this.passedCount); + + // failing specs UI + if (isUndefined(this.failedAlert)) { + this.failedAlert = this.createDom('span', {href: "?", className: "failingAlert bar"}); + } + this.failedAlert.innerHTML = "Failing " + specPluralizedFor(this.failedCount); + + if (this.failedCount === 1 && isDefined(dom.alert)) { + dom.alert.appendChild(this.failedAlert); + dom.alert.appendChild(this.resultsMenu); + } + + // summary info + this.summaryMenuItem.innerHTML = "" + specPluralizedFor(this.runningSpecCount); + this.detailsMenuItem.innerHTML = "" + this.failedCount + " failing"; + }; + + this.complete = function() { + dom.alert.removeChild(this.runningAlert); + + this.skippedAlert.innerHTML = "Ran " + this.runningSpecCount + " of " + specPluralizedFor(this.totalSpecCount) + " - run all"; + + if (this.failedCount === 0) { + dom.alert.appendChild(this.createDom('span', {className: 'passingAlert bar'}, "Passing " + specPluralizedFor(this.passedCount))); + } else { + showDetails(); + } + + dom.banner.appendChild(this.createDom('span', {className: 'duration'}, "finished in " + ((new Date().getTime() - this.startedAt.getTime()) / 1000) + "s")); + }; + + return this; + + function showDetails() { + if (dom.reporter.className.search(/showDetails/) === -1) { + dom.reporter.className += " showDetails"; + } + } + + function isUndefined(obj) { + return typeof obj === 'undefined'; + } + + function isDefined(obj) { + return !isUndefined(obj); + } + + function specPluralizedFor(count) { + var str = count + " spec"; + if (count > 1) { + str += "s" + } + return str; + } + +}; + +jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.ReporterView); + + http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/html/SpecView.js ---------------------------------------------------------------------- diff --git a/test/autotest/html/SpecView.js b/test/autotest/html/SpecView.js new file mode 100644 index 0000000..e8a3c23 --- /dev/null +++ b/test/autotest/html/SpecView.js @@ -0,0 +1,79 @@ +jasmine.HtmlReporter.SpecView = function(spec, dom, views) { + this.spec = spec; + this.dom = dom; + this.views = views; + + this.symbol = this.createDom('li', { className: 'pending' }); + this.dom.symbolSummary.appendChild(this.symbol); + + this.summary = this.createDom('div', { className: 'specSummary' }, + this.createDom('a', { + className: 'description', + href: '?spec=' + encodeURIComponent(this.spec.getFullName()), + title: this.spec.getFullName() + }, this.spec.description) + ); + + this.detail = this.createDom('div', { className: 'specDetail' }, + this.createDom('a', { + className: 'description', + href: '?spec=' + encodeURIComponent(this.spec.getFullName()), + title: this.spec.getFullName() + }, this.spec.getFullName()) + ); +}; + +jasmine.HtmlReporter.SpecView.prototype.status = function() { + return this.getSpecStatus(this.spec); +}; + +jasmine.HtmlReporter.SpecView.prototype.refresh = function() { + this.symbol.className = this.status(); + + switch (this.status()) { + case 'skipped': + break; + + case 'passed': + this.appendSummaryToSuiteDiv(); + break; + + case 'failed': + this.appendSummaryToSuiteDiv(); + this.appendFailureDetail(); + break; + } +}; + +jasmine.HtmlReporter.SpecView.prototype.appendSummaryToSuiteDiv = function() { + this.summary.className += ' ' + this.status(); + this.appendToSummary(this.spec, this.summary); +}; + +jasmine.HtmlReporter.SpecView.prototype.appendFailureDetail = function() { + this.detail.className += ' ' + this.status(); + + var resultItems = this.spec.results().getItems(); + var messagesDiv = this.createDom('div', { className: 'messages' }); + + for (var i = 0; i < resultItems.length; i++) { + var result = resultItems[i]; + + if (result.type == 'log') { + messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage log'}, result.toString())); + } else if (result.type == 'expect' && result.passed && !result.passed()) { + messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage fail'}, result.message)); + + if (result.trace.stack) { + messagesDiv.appendChild(this.createDom('div', {className: 'stackTrace'}, result.trace.stack)); + } + } + } + + if (messagesDiv.childNodes.length > 0) { + this.detail.appendChild(messagesDiv); + this.dom.details.appendChild(this.detail); + } +}; + +jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.SpecView); http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/html/SuiteView.js ---------------------------------------------------------------------- diff --git a/test/autotest/html/SuiteView.js b/test/autotest/html/SuiteView.js new file mode 100644 index 0000000..19a1efa --- /dev/null +++ b/test/autotest/html/SuiteView.js @@ -0,0 +1,22 @@ +jasmine.HtmlReporter.SuiteView = function(suite, dom, views) { + this.suite = suite; + this.dom = dom; + this.views = views; + + this.element = this.createDom('div', { className: 'suite' }, + this.createDom('a', { className: 'description', href: '?spec=' + encodeURIComponent(this.suite.getFullName()) }, this.suite.description) + ); + + this.appendToSummary(this.suite, this.element); +}; + +jasmine.HtmlReporter.SuiteView.prototype.status = function() { + return this.getSpecStatus(this.suite); +}; + +jasmine.HtmlReporter.SuiteView.prototype.refresh = function() { + this.element.className += " " + this.status(); +}; + +jasmine.HtmlReporterHelpers.addHelpers(jasmine.HtmlReporter.SuiteView); + http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/html/TrivialReporter.js ---------------------------------------------------------------------- diff --git a/test/autotest/html/TrivialReporter.js b/test/autotest/html/TrivialReporter.js new file mode 100644 index 0000000..167ac50 --- /dev/null +++ b/test/autotest/html/TrivialReporter.js @@ -0,0 +1,192 @@ +/* @deprecated Use jasmine.HtmlReporter instead + */ +jasmine.TrivialReporter = function(doc) { + this.document = doc || document; + this.suiteDivs = {}; + this.logRunningSpecs = false; +}; + +jasmine.TrivialReporter.prototype.createDom = function(type, attrs, childrenVarArgs) { + var el = document.createElement(type); + + for (var i = 2; i < arguments.length; i++) { + var child = arguments[i]; + + if (typeof child === 'string') { + el.appendChild(document.createTextNode(child)); + } else { + if (child) { el.appendChild(child); } + } + } + + for (var attr in attrs) { + if (attr == "className") { + el[attr] = attrs[attr]; + } else { + el.setAttribute(attr, attrs[attr]); + } + } + + return el; +}; + +jasmine.TrivialReporter.prototype.reportRunnerStarting = function(runner) { + var showPassed, showSkipped; + + this.outerDiv = this.createDom('div', { id: 'TrivialReporter', className: 'jasmine_reporter' }, + this.createDom('div', { className: 'banner' }, + this.createDom('div', { className: 'logo' }, + this.createDom('span', { className: 'title' }, "Jasmine"), + this.createDom('span', { className: 'version' }, runner.env.versionString())), + this.createDom('div', { className: 'options' }, + "Show ", + showPassed = this.createDom('input', { id: "__jasmine_TrivialReporter_showPassed__", type: 'checkbox' }), + this.createDom('label', { "for": "__jasmine_TrivialReporter_showPassed__" }, " passed "), + showSkipped = this.createDom('input', { id: "__jasmine_TrivialReporter_showSkipped__", type: 'checkbox' }), + this.createDom('label', { "for": "__jasmine_TrivialReporter_showSkipped__" }, " skipped") + ) + ), + + this.runnerDiv = this.createDom('div', { className: 'runner running' }, + this.createDom('a', { className: 'run_spec', href: '?' }, "run all"), + this.runnerMessageSpan = this.createDom('span', {}, "Running..."), + this.finishedAtSpan = this.createDom('span', { className: 'finished-at' }, "")) + ); + + this.document.body.appendChild(this.outerDiv); + + var suites = runner.suites(); + for (var i = 0; i < suites.length; i++) { + var suite = suites[i]; + var suiteDiv = this.createDom('div', { className: 'suite' }, + this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, "run"), + this.createDom('a', { className: 'description', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, suite.description)); + this.suiteDivs[suite.id] = suiteDiv; + var parentDiv = this.outerDiv; + if (suite.parentSuite) { + parentDiv = this.suiteDivs[suite.parentSuite.id]; + } + parentDiv.appendChild(suiteDiv); + } + + this.startedAt = new Date(); + + var self = this; + showPassed.onclick = function(evt) { + if (showPassed.checked) { + self.outerDiv.className += ' show-passed'; + } else { + self.outerDiv.className = self.outerDiv.className.replace(/ show-passed/, ''); + } + }; + + showSkipped.onclick = function(evt) { + if (showSkipped.checked) { + self.outerDiv.className += ' show-skipped'; + } else { + self.outerDiv.className = self.outerDiv.className.replace(/ show-skipped/, ''); + } + }; +}; + +jasmine.TrivialReporter.prototype.reportRunnerResults = function(runner) { + var results = runner.results(); + var className = (results.failedCount > 0) ? "runner failed" : "runner passed"; + this.runnerDiv.setAttribute("class", className); + //do it twice for IE + this.runnerDiv.setAttribute("className", className); + var specs = runner.specs(); + var specCount = 0; + for (var i = 0; i < specs.length; i++) { + if (this.specFilter(specs[i])) { + specCount++; + } + } + var message = "" + specCount + " spec" + (specCount == 1 ? "" : "s" ) + ", " + results.failedCount + " failure" + ((results.failedCount == 1) ? "" : "s"); + message += " in " + ((new Date().getTime() - this.startedAt.getTime()) / 1000) + "s"; + this.runnerMessageSpan.replaceChild(this.createDom('a', { className: 'description', href: '?'}, message), this.runnerMessageSpan.firstChild); + + this.finishedAtSpan.appendChild(document.createTextNode("Finished at " + new Date().toString())); +}; + +jasmine.TrivialReporter.prototype.reportSuiteResults = function(suite) { + var results = suite.results(); + var status = results.passed() ? 'passed' : 'failed'; + if (results.totalCount === 0) { // todo: change this to check results.skipped + status = 'skipped'; + } + this.suiteDivs[suite.id].className += " " + status; +}; + +jasmine.TrivialReporter.prototype.reportSpecStarting = function(spec) { + if (this.logRunningSpecs) { + this.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...'); + } +}; + +jasmine.TrivialReporter.prototype.reportSpecResults = function(spec) { + var results = spec.results(); + var status = results.passed() ? 'passed' : 'failed'; + if (results.skipped) { + status = 'skipped'; + } + var specDiv = this.createDom('div', { className: 'spec ' + status }, + this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(spec.getFullName()) }, "run"), + this.createDom('a', { + className: 'description', + href: '?spec=' + encodeURIComponent(spec.getFullName()), + title: spec.getFullName() + }, spec.description)); + + + var resultItems = results.getItems(); + var messagesDiv = this.createDom('div', { className: 'messages' }); + for (var i = 0; i < resultItems.length; i++) { + var result = resultItems[i]; + + if (result.type == 'log') { + messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage log'}, result.toString())); + } else if (result.type == 'expect' && result.passed && !result.passed()) { + messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage fail'}, result.message)); + + if (result.trace.stack) { + messagesDiv.appendChild(this.createDom('div', {className: 'stackTrace'}, result.trace.stack)); + } + } + } + + if (messagesDiv.childNodes.length > 0) { + specDiv.appendChild(messagesDiv); + } + + this.suiteDivs[spec.suite.id].appendChild(specDiv); +}; + +jasmine.TrivialReporter.prototype.log = function() { + var console = jasmine.getGlobal().console; + if (console && console.log) { + if (console.log.apply) { + console.log.apply(console, arguments); + } else { + console.log(arguments); // ie fix: console.log.apply doesn't exist on ie + } + } +}; + +jasmine.TrivialReporter.prototype.getLocation = function() { + return this.document.location; +}; + +jasmine.TrivialReporter.prototype.specFilter = function(spec) { + var paramMap = {}; + var params = this.getLocation().search.substring(1).split('&'); + for (var i = 0; i < params.length; i++) { + var p = params[i].split('='); + paramMap[decodeURIComponent(p[0])] = decodeURIComponent(p[1]); + } + + if (!paramMap.spec) { + return true; + } + return spec.getFullName().indexOf(paramMap.spec) === 0; +}; http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/index.html ---------------------------------------------------------------------- diff --git a/test/autotest/index.html b/test/autotest/index.html new file mode 100644 index 0000000..6ebccbd --- /dev/null +++ b/test/autotest/index.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<!-- + + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you 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. + +--> + + +<html> + <head> + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> + <meta name="viewport" content="width=device-width, height=device-height, user-scalable=yes, initial-scale=1.0;" /> + + <title>Cordova API Specs</title> + + <link rel="stylesheet" href="../master.css" type="text/css" media="screen" title="no title" charset="utf-8"> + <script type="text/javascript" src="../cordova-incl.js"></script> + </head> + <body id="stage" class="theme"> + <h1>Cordova API Specs</h1> + + <a href="pages/all.html" class="btn large" style="width:100%;">Run All Tests</a> + <a href="pages/accelerometer.html" class="btn large" style="width:100%;">Run Accelerometer Tests</a> + <a href="pages/battery.html" class="btn large" style="width:100%;">Run Battery Tests</a> + <a href="pages/camera.html" class="btn large" style="width:100%;">Run Camera Tests</a> + <a href="pages/capture.html" class="btn large" style="width:100%;">Run Capture Tests</a> + <a href="pages/compass.html" class="btn large" style="width:100%;">Run Compass Tests</a> + <a href="pages/contacts.html" class="btn large" style="width:100%;">Run Contacts Tests</a> + <a href="pages/datauri.html" class="btn large" style="width:100%;">Run Data URI Tests</a> + <a href="pages/device.html" class="btn large" style="width:100%;">Run Device Tests</a> + <a href="pages/file.html" class="btn large" style="width:100%;">Run File Tests</a> + <a href="pages/filetransfer.html" class="btn large" style="width:100%;">Run FileTransfer Tests</a> + <a href="pages/geolocation.html" class="btn large" style="width:100%;">Run Geolocation Tests</a> + <a href="pages/globalization.html" class="btn large" style="width:100%;">Run Globalization Tests</a> + <a href="pages/media.html" class="btn large" style="width:100%;">Run Media Tests</a> + <a href="pages/network.html" class="btn large" style="width:100%;">Run Network Tests</a> + <a href="pages/notification.html" class="btn large" style="width:100%;">Run Notification Tests</a> + <a href="pages/platform.html" class="btn large" style="width:100%;">Run Platform Tests</a> + <a href="pages/storage.html" class="btn large" style="width:100%;">Run Storage Tests</a> + <a href="pages/bridge.html" class="btn large" style="width:100%;">Run Bridge Tests</a> + + <h2> </h2><div class="backBtn" onclick="backHome();">Back</div> + </body> +</html> http://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs/blob/66e99b98/test/autotest/jasmine.css ---------------------------------------------------------------------- diff --git a/test/autotest/jasmine.css b/test/autotest/jasmine.css new file mode 100644 index 0000000..826e575 --- /dev/null +++ b/test/autotest/jasmine.css @@ -0,0 +1,81 @@ +body { background-color: #eeeeee; padding: 0; margin: 5px; overflow-y: scroll; } + +#HTMLReporter { font-size: 11px; font-family: Monaco, "Lucida Console", monospace; line-height: 14px; color: #333333; } +#HTMLReporter a { text-decoration: none; } +#HTMLReporter a:hover { text-decoration: underline; } +#HTMLReporter p, #HTMLReporter h1, #HTMLReporter h2, #HTMLReporter h3, #HTMLReporter h4, #HTMLReporter h5, #HTMLReporter h6 { margin: 0; line-height: 14px; } +#HTMLReporter .banner, #HTMLReporter .symbolSummary, #HTMLReporter .summary, #HTMLReporter .resultMessage, #HTMLReporter .specDetail .description, #HTMLReporter .alert .bar, #HTMLReporter .stackTrace { padding-left: 9px; padding-right: 9px; } +#HTMLReporter #jasmine_content { position: fixed; right: 100%; } +#HTMLReporter .version { color: #aaaaaa; } +#HTMLReporter .banner { margin-top: 14px; } +#HTMLReporter .duration { color: #aaaaaa; float: right; } +#HTMLReporter .symbolSummary { overflow: hidden; *zoom: 1; margin: 14px 0; } +#HTMLReporter .symbolSummary li { display: block; float: left; height: 7px; width: 14px; margin-bottom: 7px; font-size: 16px; } +#HTMLReporter .symbolSummary li.passed { font-size: 14px; } +#HTMLReporter .symbolSummary li.passed:before { color: #5e7d00; content: "\02022"; } +#HTMLReporter .symbolSummary li.failed { line-height: 9px; } +#HTMLReporter .symbolSummary li.failed:before { color: #b03911; content: "x"; font-weight: bold; margin-left: -1px; } +#HTMLReporter .symbolSummary li.skipped { font-size: 14px; } +#HTMLReporter .symbolSummary li.skipped:before { color: #bababa; content: "\02022"; } +#HTMLReporter .symbolSummary li.pending { line-height: 11px; } +#HTMLReporter .symbolSummary li.pending:before { color: #aaaaaa; content: "-"; } +#HTMLReporter .bar { line-height: 28px; font-size: 14px; display: block; color: #eee; } +#HTMLReporter .runningAlert { background-color: #666666; } +#HTMLReporter .skippedAlert { background-color: #aaaaaa; } +#HTMLReporter .skippedAlert:first-child { background-color: #333333; } +#HTMLReporter .skippedAlert:hover { text-decoration: none; color: white; text-decoration: underline; } +#HTMLReporter .passingAlert { background-color: #a6b779; } +#HTMLReporter .passingAlert:first-child { background-color: #5e7d00; } +#HTMLReporter .failingAlert { background-color: #cf867e; } +#HTMLReporter .failingAlert:first-child { background-color: #b03911; } +#HTMLReporter .results { margin-top: 14px; } +#HTMLReporter #details { display: none; } +#HTMLReporter .resultsMenu, #HTMLReporter .resultsMenu a { background-color: #fff; color: #333333; } +#HTMLReporter.showDetails .summaryMenuItem { font-weight: normal; text-decoration: inherit; } +#HTMLReporter.showDetails .summaryMenuItem:hover { text-decoration: underline; } +#HTMLReporter.showDetails .detailsMenuItem { font-weight: bold; text-decoration: underline; } +#HTMLReporter.showDetails .summary { display: none; } +#HTMLReporter.showDetails #details { display: block; } +#HTMLReporter .summaryMenuItem { font-weight: bold; text-decoration: underline; } +#HTMLReporter .summary { margin-top: 14px; } +#HTMLReporter .summary .suite .suite, #HTMLReporter .summary .specSummary { margin-left: 14px; } +#HTMLReporter .summary .specSummary.passed a { color: #5e7d00; } +#HTMLReporter .summary .specSummary.failed a { color: #b03911; } +#HTMLReporter .description + .suite { margin-top: 0; } +#HTMLReporter .suite { margin-top: 14px; } +#HTMLReporter .suite a { color: #333333; } +#HTMLReporter #details .specDetail { margin-bottom: 28px; } +#HTMLReporter #details .specDetail .description { display: block; color: white; background-color: #b03911; } +#HTMLReporter .resultMessage { padding-top: 14px; color: #333333; } +#HTMLReporter .resultMessage span.result { display: block; } +#HTMLReporter .stackTrace { margin: 5px 0 0 0; max-height: 224px; overflow: auto; line-height: 18px; color: #666666; border: 1px solid #ddd; background: white; white-space: pre; } + +#TrivialReporter { padding: 8px 13px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow-y: scroll; background-color: white; font-family: "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif; /*.resultMessage {*/ /*white-space: pre;*/ /*}*/ } +#TrivialReporter a:visited, #TrivialReporter a { color: #303; } +#TrivialReporter a:hover, #TrivialReporter a:active { color: blue; } +#TrivialReporter .run_spec { float: right; padding-right: 5px; font-size: .8em; text-decoration: none; } +#TrivialReporter .banner { color: #303; background-color: #fef; padding: 5px; } +#TrivialReporter .logo { float: left; font-size: 1.1em; padding-left: 5px; } +#TrivialReporter .logo .version { font-size: .6em; padding-left: 1em; } +#TrivialReporter .runner.running { background-color: yellow; } +#TrivialReporter .options { text-align: right; font-size: .8em; } +#TrivialReporter .suite { border: 1px outset gray; margin: 5px 0; padding-left: 1em; } +#TrivialReporter .suite .suite { margin: 5px; } +#TrivialReporter .suite.passed { background-color: #dfd; } +#TrivialReporter .suite.failed { background-color: #fdd; } +#TrivialReporter .spec { margin: 5px; padding-left: 1em; clear: both; } +#TrivialReporter .spec.failed, #TrivialReporter .spec.passed, #TrivialReporter .spec.skipped { padding-bottom: 5px; border: 1px solid gray; } +#TrivialReporter .spec.failed { background-color: #fbb; border-color: red; } +#TrivialReporter .spec.passed { background-color: #bfb; border-color: green; } +#TrivialReporter .spec.skipped { background-color: #bbb; } +#TrivialReporter .messages { border-left: 1px dashed gray; padding-left: 1em; padding-right: 1em; } +#TrivialReporter .passed { background-color: #cfc; display: none; } +#TrivialReporter .failed { background-color: #fbb; } +#TrivialReporter .skipped { color: #777; background-color: #eee; display: none; } +#TrivialReporter .resultMessage span.result { display: block; line-height: 2em; color: black; } +#TrivialReporter .resultMessage .mismatch { color: black; } +#TrivialReporter .stackTrace { white-space: pre; font-size: .8em; margin-left: 10px; max-height: 5em; overflow: auto; border: 1px inset red; padding: 1em; background: #eef; } +#TrivialReporter .finished-at { padding-left: 1em; font-size: .6em; } +#TrivialReporter.show-passed .passed, #TrivialReporter.show-skipped .skipped { display: block; } +#TrivialReporter #jasmine_content { position: fixed; right: 100%; } +#TrivialReporter .runner { border: 1px solid gray; display: block; margin: 5px 0; padding: 2px 0 2px 10px; }
