qunit-2.13.0.css 8.1 KB

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