qunit-2.17.2.css 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482
  1. /*!
  2. * QUnit 2.17.2
  3. * https://qunitjs.com/
  4. *
  5. * Copyright OpenJS Foundation and other contributors
  6. * Released under the MIT license
  7. * https://jquery.org/license
  8. */
  9. /** Font Family and Sizes */
  10. /* Style our buttons in a simple way, uninfluenced by the styles
  11. the tested app might load. Don't affect buttons in #qunit-fixture!
  12. https://github.com/qunitjs/qunit/pull/1395
  13. https://github.com/qunitjs/qunit/issues/1437 */
  14. #qunit-testrunner-toolbar button,
  15. #qunit-testresult button {
  16. font-size: initial;
  17. border: initial;
  18. background-color: buttonface;
  19. }
  20. #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-filteredTest, #qunit-userAgent, #qunit-testresult {
  21. font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  22. }
  23. #qunit-testrunner-toolbar, #qunit-filteredTest, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
  24. #qunit-tests { font-size: smaller; }
  25. /** Resets */
  26. #qunit-tests, #qunit-header, #qunit-banner, #qunit-filteredTest, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter {
  27. margin: 0;
  28. padding: 0;
  29. }
  30. /** Fixed headers with scrollable tests */
  31. @supports (display: flex) or (display: -webkit-box) {
  32. @media (min-height: 500px) {
  33. #qunit {
  34. position: fixed;
  35. left: 0px;
  36. right: 0px;
  37. top: 0px;
  38. bottom: 0px;
  39. padding: 8px;
  40. display: -webkit-box;
  41. display: flex;
  42. flex-direction: column;
  43. }
  44. #qunit-tests {
  45. overflow: scroll;
  46. }
  47. #qunit-banner {
  48. flex: 5px 0 0;
  49. }
  50. }
  51. }
  52. /** Header (excluding toolbar) */
  53. #qunit-header {
  54. padding: 0.5em 0 0.5em 1em;
  55. color: #C2CCD1;
  56. background-color: #0D3349;
  57. font-size: 1.5em;
  58. line-height: 1em;
  59. font-weight: 400;
  60. border-radius: 5px 5px 0 0;
  61. }
  62. #qunit-header a {
  63. text-decoration: none;
  64. color: inherit;
  65. }
  66. #qunit-header a:hover,
  67. #qunit-header a:focus {
  68. color: #FFF;
  69. }
  70. #qunit-banner {
  71. height: 5px;
  72. }
  73. #qunit-filteredTest {
  74. padding: 0.5em 1em 0.5em 1em;
  75. color: #366097;
  76. background-color: #F4FF77;
  77. }
  78. #qunit-userAgent {
  79. padding: 0.5em 1em 0.5em 1em;
  80. color: #FFF;
  81. background-color: #2B81AF;
  82. text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
  83. }
  84. /** Toolbar */
  85. #qunit-testrunner-toolbar {
  86. padding: 0.5em 1em 0.5em 1em;
  87. color: #5E740B;
  88. background-color: #EEE;
  89. }
  90. #qunit-testrunner-toolbar .clearfix {
  91. height: 0;
  92. clear: both;
  93. }
  94. #qunit-testrunner-toolbar label {
  95. display: inline-block;
  96. }
  97. #qunit-testrunner-toolbar input[type=checkbox],
  98. #qunit-testrunner-toolbar input[type=radio] {
  99. margin: 3px;
  100. vertical-align: -2px;
  101. }
  102. #qunit-testrunner-toolbar input[type=text] {
  103. box-sizing: border-box;
  104. height: 1.6em;
  105. }
  106. #qunit-toolbar-filters {
  107. float: right;
  108. }
  109. .qunit-url-config,
  110. .qunit-filter,
  111. #qunit-modulefilter {
  112. display: inline-block;
  113. line-height: 2.1em;
  114. }
  115. .qunit-filter,
  116. #qunit-modulefilter {
  117. position: relative;
  118. margin-left: 1em;
  119. }
  120. .qunit-url-config label {
  121. margin-right: 0.5em;
  122. }
  123. #qunit-modulefilter-search {
  124. box-sizing: border-box;
  125. min-width: 400px;
  126. }
  127. #qunit-modulefilter-search-container:after {
  128. position: absolute;
  129. right: 0.3em;
  130. content: "\25bc";
  131. color: black;
  132. }
  133. #qunit-modulefilter-dropdown {
  134. /* align with #qunit-modulefilter-search */
  135. box-sizing: border-box;
  136. min-width: 400px;
  137. position: absolute;
  138. right: 0;
  139. top: 50%;
  140. margin-top: 0.8em;
  141. border: 1px solid #D3D3D3;
  142. border-top: none;
  143. border-radius: 0 0 .25em .25em;
  144. color: #0D3349;
  145. background-color: #F5F5F5;
  146. z-index: 99;
  147. }
  148. #qunit-modulefilter-dropdown a {
  149. color: inherit;
  150. text-decoration: none;
  151. }
  152. #qunit-modulefilter-dropdown .clickable.checked {
  153. font-weight: bold;
  154. color: #0D3349;
  155. background-color: #E2F0F7;
  156. }
  157. #qunit-modulefilter-dropdown .clickable:hover {
  158. color: #FFF;
  159. background-color: #0D3349;
  160. }
  161. #qunit-modulefilter-actions {
  162. display: block;
  163. overflow: auto;
  164. /* align with #qunit-modulefilter-dropdown-list */
  165. font: smaller/1.5em sans-serif;
  166. }
  167. #qunit-modulefilter-dropdown #qunit-modulefilter-actions > * {
  168. box-sizing: border-box;
  169. max-height: 2.8em;
  170. display: block;
  171. padding: 0.4em;
  172. }
  173. #qunit-modulefilter-dropdown #qunit-modulefilter-actions > button {
  174. float: right;
  175. font: inherit;
  176. }
  177. #qunit-modulefilter-dropdown #qunit-modulefilter-actions > :last-child {
  178. /* insert padding to align with checkbox margins */
  179. padding-left: 3px;
  180. }
  181. #qunit-modulefilter-dropdown-list {
  182. max-height: 200px;
  183. overflow-y: auto;
  184. margin: 0;
  185. border-top: 2px groove threedhighlight;
  186. padding: 0.4em 0 0;
  187. font: smaller/1.5em sans-serif;
  188. }
  189. #qunit-modulefilter-dropdown-list li {
  190. white-space: nowrap;
  191. overflow: hidden;
  192. text-overflow: ellipsis;
  193. }
  194. #qunit-modulefilter-dropdown-list .clickable {
  195. display: block;
  196. padding-left: 0.15em;
  197. padding-right: 0.5em;
  198. }
  199. /** Tests: Pass/Fail */
  200. #qunit-tests {
  201. list-style-position: inside;
  202. }
  203. #qunit-tests li {
  204. padding: 0.4em 1em 0.4em 1em;
  205. border-bottom: 1px solid #FFF;
  206. list-style-position: inside;
  207. }
  208. #qunit-tests > li {
  209. display: none;
  210. }
  211. #qunit-tests li.running,
  212. #qunit-tests li.pass,
  213. #qunit-tests li.fail,
  214. #qunit-tests li.skipped,
  215. #qunit-tests li.aborted {
  216. display: list-item;
  217. }
  218. #qunit-tests.hidepass {
  219. position: relative;
  220. }
  221. #qunit-tests.hidepass li.running,
  222. #qunit-tests.hidepass li.pass:not(.todo) {
  223. visibility: hidden;
  224. position: absolute;
  225. width: 0;
  226. height: 0;
  227. padding: 0;
  228. border: 0;
  229. margin: 0;
  230. }
  231. #qunit-tests li strong {
  232. cursor: pointer;
  233. }
  234. #qunit-tests li.skipped strong {
  235. cursor: default;
  236. }
  237. #qunit-tests li a {
  238. padding: 0.5em;
  239. color: inherit;
  240. text-decoration: underline;
  241. }
  242. #qunit-tests li a:hover,
  243. #qunit-tests li a:focus {
  244. color: #0D3349;
  245. }
  246. #qunit-tests li .runtime {
  247. float: right;
  248. font-size: smaller;
  249. }
  250. .qunit-assert-list {
  251. margin-top: 0.5em;
  252. padding: 0.5em;
  253. background-color: #FFF;
  254. border-radius: 5px;
  255. }
  256. .qunit-source {
  257. margin: 0.6em 0 0.3em;
  258. }
  259. .qunit-collapsed {
  260. display: none;
  261. }
  262. #qunit-tests table {
  263. border-collapse: collapse;
  264. margin-top: 0.2em;
  265. }
  266. #qunit-tests th {
  267. text-align: right;
  268. vertical-align: top;
  269. padding: 0 0.5em 0 0;
  270. }
  271. #qunit-tests td {
  272. vertical-align: top;
  273. }
  274. #qunit-tests pre {
  275. margin: 0;
  276. white-space: pre-wrap;
  277. word-wrap: break-word;
  278. }
  279. #qunit-tests del {
  280. color: #374E0C;
  281. background-color: #E0F2BE;
  282. text-decoration: none;
  283. }
  284. #qunit-tests ins {
  285. color: #500;
  286. background-color: #FFCACA;
  287. text-decoration: none;
  288. }
  289. /*** Test Counts */
  290. #qunit-tests b.counts { color: #0D3349; }
  291. #qunit-tests b.passed { color: #5E740B; }
  292. #qunit-tests b.failed { color: #710909; }
  293. #qunit-tests li li {
  294. padding: 5px;
  295. background-color: #FFF;
  296. border-bottom: none;
  297. list-style-position: inside;
  298. }
  299. /*** Passing Styles */
  300. #qunit-tests .pass {
  301. color: #2F68DA;
  302. background-color: #E2F0F7;
  303. }
  304. #qunit-tests .pass .test-name {
  305. color: #366097;
  306. }
  307. #qunit-tests li li.pass {
  308. color: #3C510C;
  309. background-color: #FFF;
  310. border-left: 10px solid #C6E746;
  311. }
  312. #qunit-tests .pass .test-actual,
  313. #qunit-tests .pass .test-expected { color: #999; }
  314. #qunit-banner.qunit-pass { background-color: #C6E746; }
  315. /*** Failing Styles */
  316. #qunit-tests .fail {
  317. color: #000;
  318. background-color: #EE5757;
  319. }
  320. #qunit-tests li li.fail {
  321. color: #710909;
  322. background-color: #FFF;
  323. border-left: 10px solid #EE5757;
  324. white-space: pre;
  325. }
  326. #qunit-tests > li:last-child {
  327. border-radius: 0 0 5px 5px;
  328. }
  329. #qunit-tests .fail .test-actual { color: #EE5757; }
  330. #qunit-tests .fail .test-expected { color: #008000; }
  331. #qunit-banner.qunit-fail { background-color: #EE5757; }
  332. /*** Aborted tests */
  333. #qunit-tests .aborted { color: #000; background-color: orange; }
  334. /*** Skipped tests */
  335. #qunit-tests .skipped {
  336. background-color: #EBECE9;
  337. }
  338. #qunit-tests .qunit-todo-label,
  339. #qunit-tests .qunit-skipped-label {
  340. background-color: #F4FF77;
  341. display: inline-block;
  342. font-style: normal;
  343. color: #366097;
  344. line-height: 1.8em;
  345. padding: 0 0.5em;
  346. margin: -0.4em 0.4em -0.4em 0;
  347. }
  348. #qunit-tests .qunit-todo-label {
  349. background-color: #EEE;
  350. }
  351. /** Result */
  352. #qunit-testresult {
  353. color: #366097;
  354. background-color: #E2F0F7;
  355. border-bottom: 1px solid #FFF;
  356. }
  357. #qunit-testresult a {
  358. color: #2F68DA;
  359. }
  360. #qunit-testresult .clearfix {
  361. height: 0;
  362. clear: both;
  363. }
  364. #qunit-testresult .module-name {
  365. font-weight: 700;
  366. }
  367. #qunit-testresult-display {
  368. padding: 0.5em 1em 0.5em 1em;
  369. width: 85%;
  370. float:left;
  371. }
  372. #qunit-testresult-controls {
  373. padding: 0.5em 1em 0.5em 1em;
  374. width: 10%;
  375. float:left;
  376. }
  377. /** Fixture */
  378. #qunit-fixture {
  379. position: absolute;
  380. top: -10000px;
  381. left: -10000px;
  382. width: 1000px;
  383. height: 1000px;
  384. }