Index: mojo/public/dart/third_party/unittest/lib/html_enhanced_config.dart |
diff --git a/mojo/public/dart/third_party/unittest/lib/html_enhanced_config.dart b/mojo/public/dart/third_party/unittest/lib/html_enhanced_config.dart |
new file mode 100644 |
index 0000000000000000000000000000000000000000..0178ccb03fb9a3dee1ec96607278fdf5a1e7339c |
--- /dev/null |
+++ b/mojo/public/dart/third_party/unittest/lib/html_enhanced_config.dart |
@@ -0,0 +1,405 @@ |
+// Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file |
+// for details. All rights reserved. Use of this source code is governed by a |
+// BSD-style license that can be found in the LICENSE file. |
+ |
+/// A simple unit test library for running tests in a browser. |
+/// |
+/// Provides enhanced HTML output with collapsible group headers |
+/// and other at-a-glance information about the test results. |
+library unittest.html_enhanced_config; |
+ |
+import 'dart:collection' show LinkedHashMap; |
+import 'dart:convert'; |
+import 'dart:html'; |
+import 'unittest.dart'; |
+ |
+class HtmlEnhancedConfiguration extends SimpleConfiguration { |
+ /// Whether this is run within dartium layout tests. |
+ final bool _isLayoutTest; |
+ HtmlEnhancedConfiguration(this._isLayoutTest); |
+ |
+ var _onErrorSubscription = null; |
+ var _onMessageSubscription = null; |
+ |
+ void _installOnErrorHandler() { |
+ if (_onErrorSubscription == null) { |
+ // Listen for uncaught errors. |
+ _onErrorSubscription = window.onError |
+ .listen((e) => handleExternalError(e, '(DOM callback has errors)')); |
+ } |
+ } |
+ |
+ void _installOnMessageHandler() { |
+ if (_onMessageSubscription == null) { |
+ // Listen for errors from JS. |
+ _onMessageSubscription = |
+ window.onMessage.listen((e) => processMessage(e)); |
+ } |
+ } |
+ |
+ void _installHandlers() { |
+ _installOnErrorHandler(); |
+ _installOnMessageHandler(); |
+ } |
+ |
+ void _uninstallHandlers() { |
+ if (_onErrorSubscription != null) { |
+ _onErrorSubscription.cancel(); |
+ _onErrorSubscription = null; |
+ } |
+ if (_onMessageSubscription != null) { |
+ _onMessageSubscription.cancel(); |
+ _onMessageSubscription = null; |
+ } |
+ } |
+ |
+ void processMessage(e) { |
+ if ('unittest-suite-external-error' == e.data) { |
+ handleExternalError('<unknown>', '(external error detected)'); |
+ } |
+ } |
+ |
+ void onInit() { |
+ _installHandlers(); |
+ //initialize and load CSS |
+ final String _CSSID = '_unittestcss_'; |
+ |
+ var cssElement = document.head.querySelector('#${_CSSID}'); |
+ if (cssElement == null) { |
+ cssElement = new StyleElement(); |
+ cssElement.id = _CSSID; |
+ document.head.append(cssElement); |
+ } |
+ |
+ cssElement.text = _htmlTestCSS; |
+ window.postMessage('unittest-suite-wait-for-done', '*'); |
+ } |
+ |
+ void onStart() { |
+ // Listen for uncaught errors. |
+ _installOnErrorHandler(); |
+ } |
+ |
+ void onSummary(int passed, int failed, int errors, List<TestCase> results, |
+ String uncaughtError) { |
+ _showInteractiveResultsInPage( |
+ passed, failed, errors, results, _isLayoutTest, uncaughtError); |
+ } |
+ |
+ void onDone(bool success) { |
+ _uninstallHandlers(); |
+ window.postMessage('unittest-suite-done', '*'); |
+ } |
+ |
+ void _showInteractiveResultsInPage(int passed, int failed, int errors, |
+ List<TestCase> results, bool isLayoutTest, String uncaughtError) { |
+ if (isLayoutTest && passed == results.length) { |
+ document.body.innerHtml = "PASS"; |
+ } else { |
+ // changed the StringBuffer to an Element fragment |
+ Element te = new Element.html('<div class="unittest-table"></div>'); |
+ |
+ te.children.add(new Element.html(passed == results.length |
+ ? "<div class='unittest-overall unittest-pass'>PASS</div>" |
+ : "<div class='unittest-overall unittest-fail'>FAIL</div>")); |
+ |
+ // moved summary to the top since web browsers |
+ // don't auto-scroll to the bottom like consoles typically do. |
+ if (passed == results.length && uncaughtError == null) { |
+ te.children.add(new Element.html(""" |
+ <div class='unittest-pass'>All ${passed} tests passed</div>""")); |
+ } else { |
+ if (uncaughtError != null) { |
+ te.children.add(new Element.html(""" |
+ <div class='unittest-summary'> |
+ <span class='unittest-error'>Uncaught error: $uncaughtError</span> |
+ </div>""")); |
+ } |
+ |
+ te.children.add(new Element.html(""" |
+ <div class='unittest-summary'> |
+ <span class='unittest-pass'>Total ${passed} passed</span>, |
+ <span class='unittest-fail'>${failed} failed</span>, |
+ <span class='unittest-error'> |
+ ${errors + (uncaughtError == null ? 0 : 1)} errors</span> |
+ </div>""")); |
+ } |
+ |
+ te.children.add(new Element.html(""" |
+ <div><button id='btnCollapseAll'>Collapse All</button></div> |
+ """)); |
+ |
+ // handle the click event for the collapse all button |
+ te.querySelector('#btnCollapseAll').onClick.listen((_) { |
+ document |
+ .querySelectorAll('.unittest-row') |
+ .forEach((el) => el.attributes['class'] = el.attributes['class'] |
+ .replaceAll('unittest-row ', 'unittest-row-hidden ')); |
+ }); |
+ |
+ var previousGroup = ''; |
+ var groupPassFail = true; |
+ |
+ // order by group and sort numerically within each group |
+ var groupedBy = new LinkedHashMap<String, List<TestCase>>(); |
+ |
+ for (final t in results) { |
+ if (!groupedBy.containsKey(t.currentGroup)) { |
+ groupedBy[t.currentGroup] = new List<TestCase>(); |
+ } |
+ |
+ groupedBy[t.currentGroup].add(t); |
+ } |
+ |
+ // flatten the list again with tests ordered |
+ List<TestCase> flattened = new List<TestCase>(); |
+ |
+ groupedBy.values.forEach((tList) { |
+ tList.sort((tcA, tcB) => tcA.id - tcB.id); |
+ flattened.addAll(tList); |
+ }); |
+ |
+ var nonAlphanumeric = new RegExp('[^a-z0-9A-Z]'); |
+ |
+ // output group headers and test rows |
+ for (final test_ in flattened) { |
+ |
+ // replace everything but numbers and letters from the group name with |
+ // '_' so we can use in id and class properties. |
+ var safeGroup = test_.currentGroup.replaceAll(nonAlphanumeric, '_'); |
+ |
+ if (test_.currentGroup != previousGroup) { |
+ previousGroup = test_.currentGroup; |
+ |
+ var testsInGroup = results |
+ .where((TestCase t) => t.currentGroup == previousGroup) |
+ .toList(); |
+ var groupTotalTestCount = testsInGroup.length; |
+ var groupTestPassedCount = |
+ testsInGroup.where((TestCase t) => t.result == 'pass').length; |
+ groupPassFail = groupTotalTestCount == groupTestPassedCount; |
+ var passFailClass = "unittest-group-status unittest-group-" |
+ "status-${groupPassFail ? 'pass' : 'fail'}"; |
+ |
+ te.children.add(new Element.html(""" |
+ <div> |
+ <div id='${safeGroup}' |
+ class='unittest-group ${safeGroup} test${safeGroup}'> |
+ <div ${_isIE ? "style='display:inline-block' ": ""} |
+ class='unittest-row-status'> |
+ <div class='$passFailClass'></div> |
+ </div> |
+ <div ${_isIE ? "style='display:inline-block' ": ""}> |
+ ${test_.currentGroup}</div> |
+ |
+ <div ${_isIE ? "style='display:inline-block' ": ""}> |
+ (${groupTestPassedCount}/${groupTotalTestCount})</div> |
+ </div> |
+ </div>""")); |
+ |
+ // 'safeGroup' could be empty |
+ var grp = |
+ (safeGroup == '') ? null : te.querySelector('#${safeGroup}'); |
+ if (grp != null) { |
+ grp.onClick.listen((_) { |
+ var row = document.querySelector('.unittest-row-${safeGroup}'); |
+ if (row.attributes['class'].contains('unittest-row ')) { |
+ document.querySelectorAll('.unittest-row-${safeGroup}').forEach( |
+ (e) => e.attributes['class'] = e.attributes['class'] |
+ .replaceAll('unittest-row ', 'unittest-row-hidden ')); |
+ } else { |
+ document.querySelectorAll('.unittest-row-${safeGroup}').forEach( |
+ (e) => e.attributes['class'] = e.attributes['class'] |
+ .replaceAll('unittest-row-hidden', 'unittest-row')); |
+ } |
+ }); |
+ } |
+ } |
+ |
+ _buildRow(test_, te, safeGroup, !groupPassFail); |
+ } |
+ |
+ document.body.children.clear(); |
+ document.body.children.add(te); |
+ } |
+ } |
+ |
+ void _buildRow(TestCase test_, Element te, String groupID, bool isVisible) { |
+ var background = 'unittest-row-${test_.id % 2 == 0 ? "even" : "odd"}'; |
+ var display = '${isVisible ? "unittest-row" : "unittest-row-hidden"}'; |
+ |
+ addRowElement(id, status, description) { |
+ te.children.add(new Element.html(''' <div> |
+ <div class='$display unittest-row-${groupID} $background'> |
+ <div ${_isIE ? "style='display:inline-block' ": ""} |
+ class='unittest-row-id'>$id</div> |
+ <div ${_isIE ? "style='display:inline-block' ": ""} |
+ class="unittest-row-status unittest-${test_.result}"> |
+ $status</div> |
+ <div ${_isIE ? "style='display:inline-block' ": ""} |
+ class='unittest-row-description'>$description</div> |
+ </div> |
+ </div>''')); |
+ } |
+ |
+ if (!test_.isComplete) { |
+ addRowElement('${test_.id}', 'NO STATUS', 'Test did not complete.'); |
+ return; |
+ } |
+ |
+ addRowElement('${test_.id}', '${test_.result.toUpperCase()}', |
+ '${test_.description}. ${HTML_ESCAPE.convert(test_.message)}'); |
+ |
+ if (test_.stackTrace != null) { |
+ addRowElement('', '', |
+ '<pre>${HTML_ESCAPE.convert(test_.stackTrace.toString())}</pre>'); |
+ } |
+ } |
+ |
+ static bool get _isIE => window.navigator.userAgent.contains('MSIE'); |
+ |
+ String get _htmlTestCSS => ''' |
+ body{ |
+ font-size: 14px; |
+ font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',''' |
+ ''' sans-serif; |
+ background: WhiteSmoke; |
+ } |
+ |
+ .unittest-group |
+ { |
+ background: rgb(75,75,75); |
+ width:98%; |
+ color: WhiteSmoke; |
+ font-weight: bold; |
+ padding: 6px; |
+ cursor: pointer; |
+ |
+ /* Provide some visual separation between groups for IE */ |
+ ${_isIE ? "border-bottom:solid black 1px;": ""} |
+ ${_isIE ? "border-top:solid #777777 1px;": ""} |
+ |
+ background-image: -webkit-linear-gradient(bottom, rgb(50,50,50) 0%, ''' |
+ '''rgb(100,100,100) 100%); |
+ background-image: -moz-linear-gradient(bottom, rgb(50,50,50) 0%, ''' |
+ '''rgb(100,100,100) 100%); |
+ background-image: -ms-linear-gradient(bottom, rgb(50,50,50) 0%, ''' |
+ '''rgb(100,100,100) 100%); |
+ background-image: linear-gradient(bottom, rgb(50,50,50) 0%, ''' |
+ '''rgb(100,100,100) 100%); |
+ |
+ display: -webkit-box; |
+ display: -moz-box; |
+ display: -ms-box; |
+ display: box; |
+ |
+ -webkit-box-orient: horizontal; |
+ -moz-box-orient: horizontal; |
+ -ms-box-orient: horizontal; |
+ box-orient: horizontal; |
+ |
+ -webkit-box-align: center; |
+ -moz-box-align: center; |
+ -ms-box-align: center; |
+ box-align: center; |
+ } |
+ |
+ .unittest-group-status |
+ { |
+ width: 20px; |
+ height: 20px; |
+ border-radius: 20px; |
+ margin-left: 10px; |
+ } |
+ |
+ .unittest-group-status-pass{ |
+ background: Green; |
+ background: ''' |
+ '''-webkit-radial-gradient(center, ellipse cover, #AAFFAA 0%,Green 100%); |
+ background: ''' |
+ '''-moz-radial-gradient(center, ellipse cover, #AAFFAA 0%,Green 100%); |
+ background: ''' |
+ '''-ms-radial-gradient(center, ellipse cover, #AAFFAA 0%,Green 100%); |
+ background: ''' |
+ '''radial-gradient(center, ellipse cover, #AAFFAA 0%,Green 100%); |
+ } |
+ |
+ .unittest-group-status-fail{ |
+ background: Red; |
+ background: ''' |
+ '''-webkit-radial-gradient(center, ellipse cover, #FFAAAA 0%,Red 100%); |
+ background: ''' |
+ '''-moz-radial-gradient(center, ellipse cover, #FFAAAA 0%,Red 100%); |
+ background: ''' |
+ '''-ms-radial-gradient(center, ellipse cover, #AAFFAA 0%,Green 100%); |
+ background: radial-gradient(center, ellipse cover, #FFAAAA 0%,Red 100%); |
+ } |
+ |
+ .unittest-overall{ |
+ font-size: 20px; |
+ } |
+ |
+ .unittest-summary{ |
+ font-size: 18px; |
+ } |
+ |
+ .unittest-pass{ |
+ color: Green; |
+ } |
+ |
+ .unittest-fail, .unittest-error |
+ { |
+ color: Red; |
+ } |
+ |
+ .unittest-row |
+ { |
+ display: -webkit-box; |
+ display: -moz-box; |
+ display: -ms-box; |
+ display: box; |
+ -webkit-box-orient: horizontal; |
+ -moz-box-orient: horizontal; |
+ -ms-box-orient: horizontal; |
+ box-orient: horizontal; |
+ width: 100%; |
+ } |
+ |
+ .unittest-row-hidden |
+ { |
+ display: none; |
+ } |
+ |
+ .unittest-row-odd |
+ { |
+ background: WhiteSmoke; |
+ } |
+ |
+ .unittest-row-even |
+ { |
+ background: #E5E5E5; |
+ } |
+ |
+ .unittest-row-id |
+ { |
+ width: 3em; |
+ } |
+ |
+ .unittest-row-status |
+ { |
+ width: 4em; |
+ } |
+ |
+ .unittest-row-description |
+ { |
+ } |
+ |
+ '''; |
+} |
+ |
+void useHtmlEnhancedConfiguration([bool isLayoutTest = false]) { |
+ unittestConfiguration = isLayoutTest ? _singletonLayout : _singletonNotLayout; |
+} |
+ |
+final _singletonLayout = new HtmlEnhancedConfiguration(true); |
+final _singletonNotLayout = new HtmlEnhancedConfiguration(false); |