Skip to content
This repository has been archived by the owner on Sep 23, 2021. It is now read-only.

Commit

Permalink
test(bem): apply bem approach
Browse files Browse the repository at this point in the history 
Signed-off-by: Naylin <[email protected]>
  • Loading branch information
@Naylin15
Naylin15 committed Sep 30, 2018
1 parent 6a905cd commit b074dec
Show file tree
Hide file tree
Showing 2 changed files with 60 additions and 76 deletions.
74 changes: 29 additions & 45 deletions css/testReport.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,64 +9,48 @@

.total {
h2 {
margin-bottom: 30px;
padding-top: 2px;
}
}

.test-suite {
cursor: pointer;

&.passing {
h4 {
background-color: #6fba6f;
padding: 4px 4px;
color: #000000;
overflow: auto;
}
margin: 11.5px 0px;
}

&.failing {
h4 {
background-color: #FA4444;
padding: 4px 4px;
color: #000000;
overflow: auto;
}
margin: 11.5px 0px;
}
margin: 11.5px 0px;
}

.test {
&.passing {
&.row {
margin-left: 0px;
margin-right: 0px;
border-bottom: groove;
border-width: 1px;
border-color: #6fba6f;
background-color: #eaeaea;
}
.test-suite--failing {
h4 {
background-color: #FA4444;
padding: 4px 4px;
color: #000000;
overflow: auto;
}
}

.test {
&.failing {
&.row {
margin-left: 0px;
margin-right: 0px;
border-bottom: groove;
border-width: 1px;
border-color: #FA4444;
background-color: #eaeaea;
}
.test-suite--passing {
h4 {
background-color: #6fba6f;
padding: 4px 4px;
color: #000000;
overflow: auto;
}
}

.time {
p {
float: right;
}
.test-case--passing {
margin-left: 0px;
margin-right: 0px;
border-bottom: groove;
border-width: 1px;
border-color: #6fba6f;
background-color: #eaeaea;
}

.test-case--failing {
margin-left: 0px;
margin-right: 0px;
border-bottom: groove;
border-width: 1px;
border-color: #FA4444;
background-color: #eaeaea;
}
}
62 changes: 31 additions & 31 deletions development/test-report/master/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,87 +3,87 @@
---

<div class="total row">
<h2 class="col-sm-12">Test Results</h2>
<h2 class="col-sm-12">8 tests</h2>
<h2 class="col-sm-18">Test Results</h2>
<h2 class="col-sm-6 text-right">8 tests</h2>
</div>

<div>
<div class="test-suite row failing" onclick="changeDisplay('#test-1')">
<h4 class="col-sm-12">FlyveMDMInventoryAgentUITests</h4>
<h4 class="col-sm-12">1 test</h4>
<div class="test-suite row test-suite--failing" onclick="changeDisplay('#test-1')">
<h4 class="col-sm-20">FlyveMDMInventoryAgentUITests</h4>
<h4 class="col-sm-4 text-right">1 test</h4>
</div>
<!-- Failing or passing class -->
<div id="test-1">
<div class="test failing row">
<div class="title col-sm-12">
<div class="test-case--failing row">
<div class="col-sm-20">
<p>testTakeScreenshots</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-4 text-right">
<p>29.457s</p>
</div>
</div>
</div>
</div>

<div>
<div class="test-suite row passing" onclick="changeDisplay('#test-2')">
<h4 class="col-sm-12">FlyveMDMInventoryAgentTests</h4>
<h4 class="col-sm-12">7 tests</h4>
<div class="test-suite row test-suite--passing" onclick="changeDisplay('#test-2')">
<h4 class="col-sm-20">FlyveMDMInventoryAgentTests</h4>
<h4 class="col-sm-4 text-right">7 tests</h4>
</div>
<div id="test-2">
<div class="test passing row">
<div class="title col-sm-12">
<div class="test-case--passing row">
<div class="col-sm-12">
<p>testAgentSettingsController</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-12 text-right">
<p>0.020s</p>
</div>
</div>
<div class="test passing row">
<div class="title col-sm-12">
<div class="test-case--passing row">
<div class="col-sm-12">
<p>testCreateInventory</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-12 text-right">
<p>0.045s</p>
</div>
</div>
<div class="test passing row">
<div class="title col-sm-12">
<div class="test-case--passing row">
<div class="col-sm-12">
<p>testFooterView</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-12 text-right">
<p>0.017s</p>
</div>
</div>
<div class="test passing row">
<div class="title col-sm-12">
<div class="test-case--passing row">
<div class="col-sm-12">
<p>testInventoryTableView</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-12 text-right">
<p>0.017s</p>
</div>
</div>
<div class="test passing row">
<div class="title col-sm-12">
<div class="test-case--passing row">
<div class="col-sm-12">
<p>testLoadingIndicatorView</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-12 text-right">
<p>0.022s</p>
</div>
</div>
<div class="test passing row">
<div class="test-case--passing row">
<div class="title col-sm-12">
<p>testMessageLabel</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-12 text-right">
<p>0.021s</p>
</div>
</div>
<div class="test passing row">
<div class="title col-sm-12">
<div class="test-case--passing row">
<div class="col-sm-12">
<p>testSendXMLInventory</p>
</div>
<div class="time col-sm-12">
<div class="col-sm-12 text-right">
<p>0.053s</p>
</div>
</div>
Expand Down

0 comments on commit b074dec

Please sign in to comment.