html-reporter
Version:
Html-reporter and GUI for viewing and managing results of a tests run. Currently supports Testplane and Hermione.
2 lines • 12.5 kB
CSS
.sticky-header{display:contents}.sticky-header .sticky-header__wrap{background-color:#fff;border-bottom:1px solid #ccc;height:40px;position:fixed;text-align:center;transform:translateY(-100%);transform-origin:top;transition:transform .25s ease-out .5s;width:100%;z-index:98}.sticky-header .sticky-header__wrap:before{transform:translateY(50%) rotate(180deg)}.sticky-header .sticky-header__content{background-color:#fff;border-bottom:1px solid #ccc;position:sticky;top:0;transform-origin:top;transition:transform .25s linear .25s;width:100%;z-index:99}.sticky-header.sticky-header_unwrapped .sticky-header__wrap{transition-delay:0ms}.sticky-header.sticky-header_wrapped:not(:hover) .sticky-header__wrap{transform:translateY(0)}.sticky-header.sticky-header_wrapped:not(:hover) .sticky-header__content{transform:translateY(-100%) scaleY(0)}.run-button{display:inline-flex}.run-button .run-button__dropdown{width:150px}.react-checkbox-tree{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;font-size:16px}.react-checkbox-tree>ol{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.react-checkbox-tree ol{list-style-type:none;margin:0;padding-left:0}.react-checkbox-tree ol ol{padding-left:24px}.react-checkbox-tree button{color:inherit;line-height:normal}.react-checkbox-tree button:disabled{cursor:not-allowed}.react-checkbox-tree .rct-bare-label{cursor:default}.react-checkbox-tree label{cursor:pointer;margin-bottom:0}.react-checkbox-tree label:hover{background:rgba(51,51,204,.1)}.react-checkbox-tree label:active,.react-checkbox-tree label:focus{background:rgba(51,51,204,.15)}.react-checkbox-tree:not(.rct-native-display) input{display:none}.react-checkbox-tree.rct-native-display input{margin:0 5px}.react-checkbox-tree .rct-icon{display:inline-block;font-family:Font Awesome\ 5 Free,FontAwesome,sans-serif;font-style:normal;font-variant:normal;font-weight:400;text-align:center;text-rendering:auto}.rct-disabled>.rct-text>label{cursor:not-allowed;opacity:.75}.rct-disabled>.rct-text>label:active,.rct-disabled>.rct-text>label:hover{background:transparent}.rct-text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.rct-options{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:.5rem;text-align:right}.rct-option{background:none;border:0;cursor:pointer;font-size:18px;opacity:.75;padding:0 4px}.rct-option:hover{opacity:1}.rct-option+.rct-option{margin-left:2px}.rct-checkbox,.rct-collapse,.rct-node-icon{padding:0 5px}.rct-checkbox *,.rct-collapse *,.rct-node-icon *{display:inline-block;margin:0;width:14px}.rct-collapse{-ms-flex-item-align:stretch;align-self:stretch;background:none;border:0;color:inherit;font-size:12px;line-height:normal}.rct-collapse.rct-collapse-btn{cursor:pointer}.rct-collapse>.rct-icon-expand-close{opacity:.5}.rct-collapse>.rct-icon-expand-close:hover{opacity:1}.rct-native-display .rct-checkbox{display:none}.rct-node-clickable{cursor:pointer}.rct-node-clickable:hover{background:rgba(51,51,204,.1)}.rct-node-clickable:focus{background:rgba(51,51,204,.2);outline:0}.rct-node-icon{color:#33c}.rct-title{padding:0 5px}.rct-icons-fa4 .rct-icon-expand-close:before{content:"\f054"}.rct-icons-fa4 .rct-icon-expand-open:before{content:"\f078"}.rct-icons-fa4 .rct-icon-uncheck:before{content:"\f096"}.rct-icons-fa4 .rct-icon-check:before{content:"\f046"}.rct-icons-fa4 .rct-icon-half-check:before{content:"\f046";opacity:.5}.rct-icons-fa4 .rct-icon-leaf:before{content:"\f016"}.rct-icons-fa4 .rct-icon-parent-open:before{content:"\f115"}.rct-icons-fa4 .rct-icon-parent-close:before{content:"\f114"}.rct-icons-fa4 .rct-icon-expand-all:before{content:"\f0fe"}.rct-icons-fa4 .rct-icon-collapse-all:before{content:"\f146"}.rct-icons-fa5 .rct-icon-expand-close:before{content:"\f054";font-weight:900}.rct-icons-fa5 .rct-icon-expand-open:before{content:"\f078";font-weight:900}.rct-icons-fa5 .rct-icon-uncheck:before{content:"\f0c8"}.rct-icons-fa5 .rct-icon-check:before{content:"\f14a"}.rct-icons-fa5 .rct-icon-half-check:before{content:"\f14a";opacity:.5}.rct-icons-fa5 .rct-icon-leaf:before{content:"\f15b"}.rct-icons-fa5 .rct-icon-parent-open:before{content:"\f07c"}.rct-icons-fa5 .rct-icon-parent-close:before{content:"\f07b"}.rct-icons-fa5 .rct-icon-expand-all:before{content:"\f0fe"}.rct-icons-fa5 .rct-icon-collapse-all:before{content:"\f146"}.rct-direction-rtl{direction:rtl}.rct-direction-rtl ol ol{padding-left:0;padding-right:24px}.rct-direction-rtl.rct-icons-fa4 .rct-icon-expand-close:before{content:"\f105"}.rct-direction-rtl.rct-icons-fa5 .rct-icon-expand-close:before{content:"\f053"}.g-popup{z-index:9999}.browserlist__filter{display:inline-flex;justify-content:center;padding:4px;width:100%}.browserlist__row{align-items:center;display:flex;gap:4px;width:100%}.browserlist__row .browserlist__row_content{flex:1 1 auto}.browserlist__row .action-button{opacity:0;width:60px}.g-select-list__option:hover .browserlist__row .action-button{opacity:1}.browserlist__popup .g-select-list__option{flex-direction:row-reverse;gap:8px}.browser-name{display:inline-flex;gap:4px}.browserlist{width:250px}.main-menu{background-color:#fafaf9;padding-bottom:20px;padding-top:20px}.main-menu .control-container{align-items:center;display:inline-flex;margin-bottom:15px;width:100%}.main-menu .control-container:last-child{margin-bottom:0}.control-container{display:flex;flex-wrap:wrap;row-gap:15px}.control-container>*{margin-right:15px}.control-container>:last-child{margin-right:0}.control-buttons .basehost__text{margin-right:auto}.control-buttons .menu-bar{margin-left:15px}.control-buttons .control-label{border-radius:var(--button-border-radius);height:25px}.control-group .button{margin-right:0}.control-group{display:inline-block;white-space:nowrap}.browserlist .browserlist__select{height:25px;max-width:400px;min-width:220px;width:auto}.button.control-group__item{border-radius:0;margin:0;position:relative}.button.control-group__item:first-child{border-radius:var(--button-border-radius) 0 0 var(--button-border-radius)}.button.control-group__item:last-child{border-radius:0 var(--button-border-radius) var(--button-border-radius) 0}.button.control-group__item:not(:last-child){border-right:0}.button.control-group__item:not(:last-child):after{border-right:1px solid transparent;bottom:-1px;content:"";position:absolute;right:-1px;top:-1px;transition:border-color .2s;z-index:1}.button.control-group__item:first-child:after{border-radius:var(--button-border-radius) 0 0 var(--button-border-radius)}.button.control-group__item:last-child:after{border-radius:0 var(--button-border-radius) var(--button-border-radius) 0}.button.control-group__item:hover:after{border-color:#555}.expand-dropdown{width:150px}.base-host-input{margin-right:auto;width:210px}.test-name-filter{width:500px}.select__dropdown-s{width:100px}.select__dropdown-m{width:150px}.select__dropdown-l{width:200px}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0turn}@property --from-color{syntax:"<color>";inherits:false;initial-value:#00ffff00}@property --to-color{syntax:"<color>";inherits:false;initial-value:#eee}.report-info .new-ui-button{margin-right:1em;position:relative;transition:color 1s linear}@keyframes glow{0%{background-position:0}to{background-position:400%}}.report-info .new-ui-button .new-ui-button__glow{animation:glow 20s linear infinite;background-image:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:400%;border-radius:5px;filter:blur(10px);height:100%;left:0;opacity:0;position:absolute;transition:opacity 1s ease;width:100%;z-index:-5}.report-info .new-ui-button:hover .new-ui-button__glow{opacity:1}@keyframes color-fade{0%{color:#000}to{color:#fff}}.report-info .new-ui-button:hover{animation:color-fade 1s ease forwards;animation-delay:.6s}@keyframes pulse{0%{--gradient-angle:0deg;--to-color:#6c47ff}90%{--to-color:#6c47ff;--from-color:#00ffff00}to{--gradient-angle:180deg;--from-color:#6c47ff;--to-color:#6c47ff}}.report-info .new-ui-button:before{background-image:conic-gradient(from var(--gradient-angle) at -10% 100%,var(--from-color) 0,var(--to-color) 100%);transition:none}.report-info .new-ui-button:hover:before{animation:pulse 1s ease forwards}@keyframes bg-fade{0%{background-color:#eee}to{background-color:#6c47ff}}.report-info .new-ui-button:after{background-color:#eee;border-radius:4px;margin:2px}.report-info .new-ui-button:hover:after{animation:bg-fade 1s ease forwards;animation-delay:.7s}.report-info .label{margin:0 15px 0 0}.report-info .detail{display:inline-block;margin-left:1em;opacity:.8}.modal-open{overflow-y:hidden}.history{word-wrap:break-word;white-space:pre-wrap}.history .history-item{display:inline-flex;gap:4px;padding-bottom:1px;padding-right:8px;padding-top:1px}.history .history-item .history-item__name{user-select:text}.history .history-item .history-item__time{opacity:.5;user-select:text}@keyframes blink{0%{opacity:1}to{opacity:.3}}.custom-icon_retry:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M13.509 0h-1.28a.324.324 0 0 0-.324.34l.107 2.234a6.68 6.68 0 0 0-5.1-2.358C3.222.216.213 3.227.216 6.917a6.696 6.696 0 0 0 11.183 4.965.325.325 0 0 0 .013-.47l-.917-.917a.323.323 0 0 0-.443-.015 4.734 4.734 0 0 1-3.14 1.184A4.75 4.75 0 0 1 2.16 6.912 4.75 4.75 0 0 1 6.912 2.16c1.644 0 3.092.833 3.945 2.1l-2.742-.13a.324.324 0 0 0-.339.323v1.28c0 .179.145.324.324.324h5.409a.324.324 0 0 0 .324-.324V.324A.324.324 0 0 0 13.509 0z'/%3E%3C/svg%3E")}.section_status_success>.section__title .bullet_type-simple:before,.state-title_success:before{color:var(--report-color-success)}.section_status_error>.section__title .bullet_type-simple:before,.section_status_fail>.section__title .bullet_type-simple:before,.state-title_error:before,.state-title_fail:before{color:var(--report-color-fail)}.section_status_skipped>.section__title .bullet_type-simple:before,.state-title_skipped:before{color:#ccc}.section_status_idle>.section__title .ui.checkbox label:after,.section_status_idle>.section__title .ui.checkbox label:before,.tests-group>.tests-group__title .ui.checkbox label:after,.tests-group>.tests-group__title .ui.checkbox label:before{border-color:#000;color:#000}.section_status_queued>.section__title .bullet_type-simple:before
.section_status_queued>.section__title .ui.checkbox label:before,.section_status_queued>.section__title .ui.checkbox label:after{border-color:#e7d700;color:#e7d700}.section_status_running>.section__title .bullet_type-simple:before,.section_status_running>.section__title .ui.checkbox label:after,.section_status_running>.section__title .ui.checkbox label:before{-webkit-animation:blink .5s linear 0s infinite alternate;animation:blink .5s linear 0s infinite alternate;border-color:#e7d700;color:#e7d700}.section_status_updated>.section__title,.section_status_updated>.section__title .bullet_type-simple:before,.section_status_updated>.section__title .ui.checkbox label:after,.section_status_updated>.section__title .ui.checkbox label:before{border-color:var(--report-color-success);color:var(--report-color-success)}.report_show-only-errors .section_status_updated{display:none}.controls>.controls__item:not(:only-child){margin-bottom:5px}.controls>.controls__item:only-child{margin-bottom:10px}.controls__item{display:inline-block;margin-right:10px;vertical-align:top}.state-controls{display:flex;margin-top:10px;position:sticky;top:0;z-index:10}.button_type_suite-controls{margin-right:10px}.controls__item>.button_type_suite-controls{margin-right:0}.button_blink{-webkit-animation:blink .5s linear 0s infinite alternate;animation:blink .5s linear 0s infinite alternate}.ui.modal>.content{width:auto}.ui.button,.ui.buttons,.ui.buttons .button{background:hsla(210,3%,88%,.36);font-size:11px;font-weight:700}.ui.buttons .button{height:11px;line-height:10px}.ui.buttons{border-radius:var(--button-border-radius)}.ui.buttons:after{font-size:0}.ui.button:active,.ui.button:hover{background:hsla(220,3%,80%,.6)}.ui.active.button{background:#ffde5a;font-weight:400}.ui.active.button:active,.ui.active.button:hover{background:rgba(255,222,90,.6)}.custom-gui{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:15px}.custom-gui_section-controls{margin-right:10px}.tab-switcher{margin-bottom:0}