123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <!DOCTYPE html>
- <!--
- This is the combined client and execution context.
- Is used for single-shot tests.
- -->
- <html>
- <head>
- <title>Karma</title>
- <link href="favicon.ico" rel="icon" type="image/x-icon">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
- <style type="text/css">
- iframe {
- height: 100%;
- width: 100%;
- border: 0;
- }
- html, body {
- height: 100%;
- padding: 0;
- margin: 0;
- font-family: sans-serif;
- }
- .offline {
- background: #DDD;
- }
- .online {
- background: #6C4;
- }
- .idle {
- }
- .executing {
- background: #F99;
- }
- #banner {
- padding: 5px 10px;
- }
- h1 {
- font-size: 1.8em;
- margin: 0;
- padding: 0;
- }
- ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- li {
- padding: 5px 12px;
- }
- .btn-debug {
- float: right;
- }
- .offline .btn-debug {
- display: none;
- }
- .btn-debug {
- -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
- -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
- box-shadow:inset 0px 1px 0px 0px #ffffff;
- background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6) );
- background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
- background-color:#ffffff;
- -moz-border-radius:6px;
- -webkit-border-radius:6px;
- border-radius:6px;
- border:1px solid #dcdcdc;
- display:inline-block;
- color:#666666;
- font-family:arial;
- font-size:15px;
- font-weight:bold;
- padding:6px 24px;
- text-decoration:none;
- text-shadow:1px 1px 0px #ffffff;
- }
- .btn-debug:hover {
- background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff) );
- background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
- filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
- background-color:#f6f6f6;
- }
- </style>
- </head>
- <body>
- <div id="banner" class="offline">
- <h1 id="title">Karma - starting</h1>
- </div>
- <script src="socket.io/socket.io.js"></script>
- <script src="karma.js"></script>
- <script src="context.js"></script>
- <!-- The scripts need to be at the end of body, so that some test running frameworks
- (Angular Scenario, for example) need the body to be loaded so that it can insert its magic
- into it. If it is before body, then it fails to find the body and crashes and burns in an epic
- manner. -->
- <script type="text/javascript">
- // sets window.__karma__ and overrides console and error handling
- %CLIENT_CONFIG%
- window.__karma__.setupContext(window);
- // All served files with the latest timestamps
- %MAPPINGS%
- %SCRIPT_URL_ARRAY%
- </script>
- <!-- Dynamically replaced with <script> tags -->
- </body>
- </html>
|