pkg/unittest/lib/html_enhanced_config.dart - sdk.git - Git at Google

 // 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:async';
 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.query('#${_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.query('#btnCollapseAll').onClick.listen((_){
         document
           .queryAll('.unittest-row')
           .forEach((el) => el.attributes['class'] = el.attributes['class']
               .replaceAll('unittest-row ', 'unittest-row-hidden '));
       });

       var previousGroup = '';
       var groupPassFail = true;
       final indentAmount = 50;

       // 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>
                 &nbsp;
                 <div ${_isIE ? "style='display:inline-block' ": ""}>
                     (${groupTestPassedCount}/${groupTotalTestCount})</div>
               </div>
             </div>"""));

           // 'safeGroup' could be empty
           var grp = (safeGroup == '') ? null : te.query('#${safeGroup}');
           if (grp != null) {
             grp.onClick.listen((_) {
               var row = document.query('.unittest-row-${safeGroup}');
               if (row.attributes['class'].contains('unittest-row ')){
                 document.queryAll('.unittest-row-${safeGroup}').forEach(
                     (e) => e.attributes['class'] =  e.attributes['class']
                         .replaceAll('unittest-row ', 'unittest-row-hidden '));
               }else{
                 document.queryAll('.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);
	// 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:async';
	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.query('#${_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.query('#btnCollapseAll').onClick.listen((_){
	document
	.queryAll('.unittest-row')
	.forEach((el) => el.attributes['class'] = el.attributes['class']
	.replaceAll('unittest-row ', 'unittest-row-hidden '));
	});

	var previousGroup = '';
	var groupPassFail = true;
	final indentAmount = 50;

	// 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.query('#${safeGroup}');
	if (grp != null) {
	grp.onClick.listen((_) {
	var row = document.query('.unittest-row-${safeGroup}');
	if (row.attributes['class'].contains('unittest-row ')){
	document.queryAll('.unittest-row-${safeGroup}').forEach(
	(e) => e.attributes['class'] = e.attributes['class']
	.replaceAll('unittest-row ', 'unittest-row-hidden '));
	}else{
	document.queryAll('.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);