Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(234)

Unified Diff: pkg/unittest/interactive_html_config.dart

Issue 10917275: Update unittest to new package layout. (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 8 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « pkg/unittest/html_print.dart ('k') | pkg/unittest/interfaces.dart » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pkg/unittest/interactive_html_config.dart
diff --git a/pkg/unittest/interactive_html_config.dart b/pkg/unittest/interactive_html_config.dart
deleted file mode 100644
index 0269a935c95c39ce67539546d1ee60630c34fa9a..0000000000000000000000000000000000000000
--- a/pkg/unittest/interactive_html_config.dart
+++ /dev/null
@@ -1,658 +0,0 @@
-// Copyright (c) 2012, 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.
-
-/**
- * This configuration can be used to rerun selected tests, as well
- * as see diagnostic output from tests. It runs each test in its own
- * IFrame, so the configuration consists of two parts - a 'parent'
- * config that manages all the tests, and a 'child' config for the
- * IFrame that runs the individual tests.
- */
-#library('interactive_config');
-
-// TODO(gram) - add options for: remove IFrame on done/keep
-// IFrame for failed tests/keep IFrame for all tests.
-
-#import('dart:html');
-#import('dart:math');
-#import('unittest.dart');
-
-/** The messages exchanged between parent and child. */
-
-class _Message {
- static const START = 'start';
- static const LOG = 'log';
- static const STACK = 'stack';
- static const PASS = 'pass';
- static const FAIL = 'fail';
- static const ERROR = 'error';
-
- String messageType;
- int elapsed;
- String body;
-
- static String text(String messageType,
- [int elapsed = 0, String body = '']) =>
- '$messageType $elapsed $body';
-
- _Message(this.messageType, [this.elapsed = 0, this.body = '']);
-
- _Message.fromString(String msg) {
- int idx = msg.indexOf(' ');
- messageType = msg.substring(0, idx);
- ++idx;
- int idx2 = msg.indexOf(' ', idx);
- elapsed = parseInt(msg.substring(idx, idx2));
- ++idx2;
- body = msg.substring(idx2);
- }
-
- String toString() => text(messageType, elapsed, body);
-}
-
-/**
- * The child configuration that is used to run individual tests in
- * an IFrame and post the results back to the parent. In principle
- * this can run more than one test in the IFrame but currently only
- * one is used.
- */
-class ChildInteractiveHtmlConfiguration extends Configuration {
- // TODO(rnystrom): Get rid of this if we get canonical closures for methods.
- EventListener _onErrorClosure;
-
- /** The window to which results must be posted. */
- Window parentWindow;
-
- /** The time at which tests start. */
- Map<int,Date> _testStarts;
-
- ChildInteractiveHtmlConfiguration() :
- _testStarts = new Map<int,Date>();
-
- /** Don't start running tests automatically. */
- get autoStart => false;
-
- void onInit() {
- _onErrorClosure =
- (e) => handleExternalError(e, '(DOM callback has errors)');
-
- /**
- * The parent posts a 'start' message to kick things off,
- * which is handled by this handler. It saves the parent
- * window, gets the test ID from the query parameter in the
- * IFrame URL, sets that as a solo test and starts test execution.
- */
- window.on.message.add((MessageEvent e) {
- // Get the result, do any logging, then do a pass/fail.
- var m = new _Message.fromString(e.data);
- if (m.messageType == _Message.START) {
- parentWindow = e.source;
- String search = window.location.search;
- int pos = search.indexOf('t=');
- String ids = search.substring(pos+2);
- int id = parseInt(ids);
- setSoloTest(id);
- runTests();
- }
- });
- }
-
- void onStart() {
- // Listen for uncaught errors.
- window.on.error.add(_onErrorClosure);
- }
-
- /** Record the start time of the test. */
- void onTestStart(TestCase testCase) {
- super.onTestStart(testCase);
- _testStarts[testCase.id]= new Date.now();
- }
-
- /**
- * Tests can call [logMessage] for diagnostic output. These log
- * messages in turn get passed to this method, which adds
- * a timestamp and posts them back to the parent window.
- */
- void logTestCaseMessage(TestCase testCase, String message) {
- int elapsed;
- if (testCase == null) {
- elapsed = -1;
- } else {
- Date end = new Date.now();
- elapsed = end.difference(_testStarts[testCase.id]).inMilliseconds;
- }
- parentWindow.postMessage(
- _Message.text(_Message.LOG, elapsed, message).toString(), '*');
- }
-
- /**
- * Get the elapsed time for the test, anbd post the test result
- * back to the parent window. If the test failed due to an exception
- * the stack is posted back too (before the test result).
- */
- void onTestResult(TestCase testCase) {
- super.onTestResult(testCase);
- Date end = new Date.now();
- int elapsed = end.difference(_testStarts[testCase.id]).inMilliseconds;
- if (testCase.stackTrace != null) {
- parentWindow.postMessage(
- _Message.text(_Message.STACK, elapsed, testCase.stackTrace), '*');
- }
- parentWindow.postMessage(
- _Message.text(testCase.result, elapsed, testCase.message), '*');
- }
-
- void onDone(int passed, int failed, int errors, List<TestCase> results,
- String uncaughtError) {
- window.on.error.remove(_onErrorClosure);
- }
-}
-
-/**
- * The parent configuration runs in the top-level window; it wraps the tests
- * in new functions that create child IFrames and run the real tests.
- */
-class ParentInteractiveHtmlConfiguration extends Configuration {
- Map<int,Date> _testStarts;
- // TODO(rnystrom): Get rid of this if we get canonical closures for methods.
- EventListener _onErrorClosure;
-
- /** The stack that was posted back from the child, if any. */
- String _stack;
-
- int _testTime;
- /**
- * Whether or not we have already wrapped the TestCase test functions
- * in new closures that instead create an IFrame and get it to run the
- * test.
- */
- bool _doneWrap = false;
-
- /**
- * We use this to make a single closure from _handleMessage so we
- * can remove the handler later.
- */
- Function _messageHandler;
-
- ParentInteractiveHtmlConfiguration() :
- _testStarts = new Map<int,Date>();
-
- // We need to block until the test is done, so we make a
- // dummy async callback that we will use to flag completion.
- Function completeTest = null;
-
- wrapTest(TestCase testCase) {
- String baseUrl = window.location.toString();
- String url = '${baseUrl}?t=${testCase.id}';
- return () {
- // Rebuild the child IFrame.
- Element childDiv = document.query('#child');
- childDiv.nodes.clear();
- IFrameElement child = new Element.html("""
- <iframe id='childFrame${testCase.id}' src='$url' style='display:none'>
- </iframe>""");
- childDiv.nodes.add(child);
- completeTest = expectAsync0((){ });
- // Kick off the test when the IFrame is loaded.
- child.on.load.add((e) {
- child.contentWindow.postMessage(_Message.text(_Message.START), '*');
- });
- };
- }
-
- void _handleMessage(MessageEvent e) {
- // Get the result, do any logging, then do a pass/fail.
- var msg = new _Message.fromString(e.data);
- if (msg.messageType == _Message.LOG) {
- logMessage(e.data);
- } else if (msg.messageType == _Message.STACK) {
- _stack = msg.body;
- } else {
- _testTime = msg.elapsed;
- logMessage(_Message.text(_Message.LOG, _testTime, 'Complete'));
- if (msg.messageType == _Message.PASS) {
- currentTestCase.pass();
- } else if (msg.messageType == _Message.FAIL) {
- currentTestCase.fail(msg.body, _stack);
- } else if (msg.messageType == _Message.ERROR) {
- currentTestCase.error(msg.body, _stack);
- }
- completeTest();
- }
- }
-
- void onInit() {
- _messageHandler = _handleMessage; // We need to make just one closure.
- _onErrorClosure =
- (e) => handleExternalError(e, '(DOM callback has errors)');
- document.query('#group-divs').innerHTML = "";
- }
-
- void onStart() {
- // Listen for uncaught errors.
- window.on.error.add(_onErrorClosure);
- if (!_doneWrap) {
- _doneWrap = true;
- for (int i = 0; i < testCases.length; i++) {
- testCases[i].test = wrapTest(testCases[i]);
- testCases[i].setUp = null;
- testCases[i].tearDown = null;
- }
- }
- window.on.message.add(_messageHandler);
- }
-
- static const _notAlphaNumeric = const RegExp('[^a-z0-9A-Z]');
-
- String _stringToDomId(String s) {
- if (s.length == 0) {
- return '-None-';
- }
- return s.trim().replaceAll(_notAlphaNumeric, '-');
- }
-
- // Used for DOM element IDs for tests result list entries.
- static const _testIdPrefix = 'test-';
- // Used for DOM element IDs for test log message lists.
- static const _actionIdPrefix = 'act-';
- // Used for DOM element IDs for test checkboxes.
- static const _selectedIdPrefix = 'selected-';
-
- void onTestStart(TestCase testCase) {
- var id = testCase.id;
- _testStarts[testCase.id]= new Date.now();
- super.onTestStart(testCase);
- _stack = null;
- // Convert the group name to a DOM id.
- String groupId = _stringToDomId(testCase.currentGroup);
- // Get the div for the group. If it doesn't exist,
- // create it.
- var groupDiv = document.query('#$groupId');
- if (groupDiv == null) {
- groupDiv = new Element.html("""
- <div class='test-describe' id='$groupId'>
- <h2>
- <input type='checkbox' checked='true' class='groupselect'>
- Group: ${testCase.currentGroup}
- </h2>
- <ul class='tests'>
- </ul>
- </div>""");
- document.query('#group-divs').nodes.add(groupDiv);
- groupDiv.query('.groupselect').on.click.add((e) {
- var parent = document.query('#$groupId');
- InputElement cb = parent.query('.groupselect');
- var state = cb.checked;
- var tests = parent.query('.tests');
- for (Element t in tests.elements) {
- cb = t.query('.testselect') as InputElement;
- cb.checked = state;
- var testId = parseInt(t.id.substring(_testIdPrefix.length));
- if (state) {
- enableTest(testId);
- } else {
- disableTest(testId);
- }
- }
- });
- }
- var list = groupDiv.query('.tests');
- var testItem = list.query('#$_testIdPrefix$id');
- if (testItem == null) {
- // Create the li element for the test.
- testItem = new Element.html("""
- <li id='$_testIdPrefix$id' class='test-it status-pending'>
- <div class='test-info'>
- <p class='test-title'>
- <input type='checkbox' checked='true' class='testselect'
- id='$_selectedIdPrefix$id'>
- <span class='test-label'>
- <span class='timer-result test-timer-result'></span>
- <span class='test-name closed'>${testCase.description}</span>
- </span>
- </p>
- </div>
- <div class='scrollpane'>
- <ol class='test-actions' id='$_actionIdPrefix$id'></ol>
- </div>
- </li>""");
- list.nodes.add(testItem);
- testItem.query('#$_selectedIdPrefix$id').on.change.add((e) {
- InputElement cb = testItem.query('#$_selectedIdPrefix$id');
- testCase.enabled = cb.checked;
- });
- testItem.query('.test-label').on.click.add((e) {
- var _testItem = document.query('#$_testIdPrefix$id');
- var _actions = _testItem.query('#$_actionIdPrefix$id');
- var _label = _testItem.query('.test-name');
- if (_actions.style.display == 'none') {
- _actions.style.display = 'table';
- _label.classes.remove('closed');
- _label.classes.add('open');
- } else {
- _actions.style.display = 'none';
- _label.classes.remove('open');
- _label.classes.add('closed');
- }
- });
- } else { // Reset the test element.
- testItem.classes.clear();
- testItem.classes.add('test-it');
- testItem.classes.add('status-pending');
- testItem.query('#$_actionIdPrefix$id').innerHTML = '';
- }
- }
-
- // Actually test logging is handled by the child, then posted
- // back to the parent. So here we know that the [message] argument
- // is in the format used by [_Message].
- void logTestCaseMessage(TestCase testCase, String message) {
- var msg = new _Message.fromString(message);
- if (msg.elapsed < 0) { // No associated test case.
- document.query('#otherlogs').nodes.add(
- new Element.html('<p>${msg.body}</p>'));
- } else {
- var actions = document.query('#$_testIdPrefix${testCase.id}').
- query('.test-actions');
- String elapsedText = msg.elapsed >= 0 ? "${msg.elapsed}ms" : "";
- actions.nodes.add(new Element.html(
- "<li style='list-style-stype:none>"
- "<div class='timer-result'>${elapsedText}</div>"
- "<div class='test-title'>${msg.body}</div>"
- "</li>"));
- }
- }
-
- void onTestResult(TestCase testCase) {
- if (!testCase.enabled) return;
- super.onTestResult(testCase);
- if (testCase.message != '') {
- logTestCaseMessage(testCase,
- _Message.text(_Message.LOG, -1, testCase.message));
- }
- int id = testCase.id;
- var testItem = document.query('#$_testIdPrefix$id');
- var timeSpan = testItem.query('.test-timer-result');
- timeSpan.text = '${_testTime}ms';
- // Convert status into what we need for our CSS.
- String result = 'status-error';
- if (testCase.result == 'pass') {
- result = 'status-success';
- } else if (testCase.result == 'fail') {
- result = 'status-failure';
- }
- testItem.classes.remove('status-pending');
- testItem.classes.add(result);
- // hide the actions
- var actions = testItem.query('.test-actions');
- for (Element e in actions.nodes) {
- e.classes.add(result);
- }
- actions.style.display = 'none';
- }
-
- void onDone(int passed, int failed, int errors, List<TestCase> results,
- String uncaughtError) {
- window.on.message.remove(_messageHandler);
- window.on.error.remove(_onErrorClosure);
- document.query('#busy').style.display = 'none';
- InputElement startButton = document.query('#start');
- startButton.disabled = false;
- }
-}
-
-/**
- * Add the divs to the DOM if they are not present. We have a 'controls'
- * div for control, 'specs' div with test results, a 'busy' div for the
- * animated GIF used to indicate tests are running, and a 'child' div to
- * hold the iframe for the test.
- */
-void _prepareDom() {
- if (document.query('#control') == null) {
- // Use this as an opportunity for adding the CSS too.
- // I wanted to avoid having to include a css element explicitly
- // in the main html file. I considered moving all the styles
- // inline as attributes but that started getting very messy,
- // so we do it this way.
- document.body.nodes.add(new Element.html("<style>$_CSS</style>"));
- document.body.nodes.add(new Element.html(
- "<div id='control'>"
- "<input id='start' disabled='true' type='button' value='Run'>"
- "</div>"));
- document.query('#start').on.click.add((e) {
- InputElement startButton = document.query('#start');
- startButton.disabled = true;
- rerunTests();
- });
- }
- if (document.query('#otherlogs') == null) {
- document.body.nodes.add(new Element.html(
- "<div id='otherlogs'></div>"));
- }
- if (document.query('#specs') == null) {
- document.body.nodes.add(new Element.html(
- "<div id='specs'><div id='group-divs'></div></div>"));
- }
- if (document.query('#busy') == null) {
- document.body.nodes.add(new Element.html(
- "<div id='busy' style='display:none'><img src='googleballs.gif'>"
- "</img></div>"));
- }
- if (document.query('#child') == null) {
- document.body.nodes.add(new Element.html("<div id='child'></div>"));
- }
-}
-
-/**
- * Allocate a Configuration. We allocate either a parent or
- * child, depedning on whether the URL has a search part.
- */
-void useInteractiveHtmlConfiguration() {
- if (window.location.search == '') { // This is the parent.
- _prepareDom();
- configure(new ParentInteractiveHtmlConfiguration());
- } else {
- configure(new ChildInteractiveHtmlConfiguration());
- }
-}
-
-String _CSS = """
-body {
-font-family: Arial, sans-serif;
-margin: 0;
-font-size: 14px;
-}
-
-#application h2,
-#specs h2 {
-margin: 0;
-padding: 0.5em;
-font-size: 1.1em;
-}
-
-#header,
-#application,
-.test-info,
-.test-actions li {
-overflow: hidden;
-}
-
-#application {
-margin: 10px;
-}
-
-#application iframe {
-width: 100%;
-height: 758px;
-}
-
-#application iframe {
-border: none;
-}
-
-#specs {
-padding-top: 50px
-}
-
-.test-describe h2 {
-border-top: 2px solid #BABAD1;
-background-color: #efefef;
-}
-
-.tests,
-.test-it ol,
-.status-display {
-margin: 0;
-padding: 0;
-}
-
-.test-info {
-margin-left: 1em;
-margin-top: 0.5em;
-border-radius: 8px 0 0 8px;
--webkit-border-radius: 8px 0 0 8px;
--moz-border-radius: 8px 0 0 8px;
-cursor: pointer;
-}
-
-.test-info:hover .test-name {
-text-decoration: underline;
-}
-
-.test-info .closed:before {
-content: '\\25b8\\00A0';
-}
-
-.test-info .open:before {
-content: '\\25be\\00A0';
-font-weight: bold;
-}
-
-.test-it ol {
-margin-left: 2.5em;
-}
-
-.status-display,
-.status-display li {
-float: right;
-}
-
-.status-display li {
-padding: 5px 10px;
-}
-
-.timer-result,
-.test-title {
-display: inline-block;
-margin: 0;
-padding: 4px;
-}
-
-.test-actions .test-title,
-.test-actions .test-result {
-display: table-cell;
-padding-left: 0.5em;
-padding-right: 0.5em;
-}
-
-.test-it {
-list-style-type: none;
-}
-
-.test-actions {
-display: table;
-}
-
-.test-actions li {
-display: table-row;
-}
-
-.timer-result {
-width: 4em;
-padding: 0 10px;
-text-align: right;
-font-family: monospace;
-}
-
-.test-it pre,
-.test-actions pre {
-clear: left;
-color: black;
-margin-left: 6em;
-}
-
-.test-describe {
-margin: 5px 5px 10px 2em;
-border-left: 1px solid #BABAD1;
-border-right: 1px solid #BABAD1;
-border-bottom: 1px solid #BABAD1;
-padding-bottom: 0.5em;
-}
-
-.test-actions .status-pending .test-title:before {
-content: \\'\\\\00bb\\\\00A0\\';
-}
-
-.scrollpane {
- max-height: 20em;
- overflow: auto;
-}
-
-#busy {
-display: block;
-}
-/** Colors */
-
-#header {
-background-color: #F2C200;
-}
-
-#application {
-border: 1px solid #BABAD1;
-}
-
-.status-pending .test-info {
-background-color: #F9EEBC;
-}
-
-.status-success .test-info {
-background-color: #B1D7A1;
-}
-
-.status-failure .test-info {
-background-color: #FF8286;
-}
-
-.status-error .test-info {
-background-color: black;
-color: white;
-}
-
-.test-actions .status-success .test-title {
-color: #30B30A;
-}
-
-.test-actions .status-failure .test-title {
-color: #DF0000;
-}
-
-.test-actions .status-error .test-title {
-color: black;
-}
-
-.test-actions .timer-result {
-color: #888;
-}
-
-ul, menu, dir {
-display: block;
-list-style-type: disc;
--webkit-margin-before: 1em;
--webkit-margin-after: 1em;
--webkit-margin-start: 0px;
--webkit-margin-end: 0px;
--webkit-padding-start: 40px;
-}
-
- """;
« no previous file with comments | « pkg/unittest/html_print.dart ('k') | pkg/unittest/interfaces.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698