yann300
7 years ago
committed by
GitHub
commit
ac4c407a44
@ -0,0 +1,56 @@ |
||||
var csjs = require('csjs-inject') |
||||
var styleGuide = require('../../ui/styles-guide/theme-chooser') |
||||
var styles = styleGuide.chooser() |
||||
|
||||
var css = csjs` |
||||
.opts_li { |
||||
display: block; |
||||
font-weight: bold; |
||||
color: ${styles.rightPanel.text_Teriary}; |
||||
} |
||||
.opts_li.active { |
||||
color: ${styles.rightPanel.text_Primary}; |
||||
} |
||||
.opts_li:hover { |
||||
color: ${styles.rightPanel.icon_HoverColor_TogglePanel}; |
||||
} |
||||
.solIcon { |
||||
margin-left: 10px; |
||||
margin-right: 30px; |
||||
display: flex; |
||||
align-self: center; |
||||
height: 29px; |
||||
width: 20px; |
||||
background-color: ${styles.colors.transparent}; |
||||
} |
||||
a { |
||||
color: ${styles.rightPanel.text_link}; |
||||
} |
||||
#optionViews > div { |
||||
display: none; |
||||
} |
||||
#optionViews .pre { |
||||
word-wrap: break-word; |
||||
background-color: ${styles.rightPanel.BackgroundColor_Pre}; |
||||
border-radius: 3px; |
||||
display: inline-block; |
||||
padding: 0 0.6em; |
||||
} |
||||
#optionViews .hide { |
||||
display: none; |
||||
} |
||||
.infoBox { |
||||
${styles.infoTextBox} |
||||
margin-bottom: 1em; |
||||
} |
||||
.textBox { |
||||
${styles.textBoxL} |
||||
margin-bottom: 1em; |
||||
} |
||||
.icon { |
||||
height: 70%; |
||||
margin-right: 2%; |
||||
} |
||||
` |
||||
|
||||
module.exports = css |
||||
@ -0,0 +1,106 @@ |
||||
var yo = require('yo-yo') |
||||
var async = require('async') |
||||
var css = require('./styles/test-tab-styles') |
||||
var remixTests = require('remix-tests') |
||||
|
||||
function append (container, txt) { |
||||
let child = yo`<div>${txt}</div>` |
||||
container.appendChild(child) |
||||
} |
||||
|
||||
function testTabView (api) { |
||||
var container = yo`<div class="tests" id="tests"></div>` |
||||
|
||||
let testCallback = function (result) { |
||||
if (result.type === 'contract') { |
||||
append(container, '\n ' + result.value) |
||||
} else if (result.type === 'testPass') { |
||||
append(container, '\t✓ ' + result.value) |
||||
} else if (result.type === 'testFailure') { |
||||
append(container, '\t✘ ' + result.value) |
||||
} |
||||
} |
||||
|
||||
let resultsCallback = function (_err, result, cb) { |
||||
// total stats for the test
|
||||
// result.passingNum
|
||||
// result.failureNum
|
||||
// result.timePassed
|
||||
cb() |
||||
} |
||||
|
||||
let updateFinalResult = function (_err, result) { |
||||
if (result.totalPassing > 0) { |
||||
append(container, (' ' + result.totalPassing + ' passing ') + ('(' + result.totalTime + 's)')) |
||||
} |
||||
if (result.totalFailing > 0) { |
||||
append(container, (' ' + result.totalFailing + ' failing')) |
||||
} |
||||
|
||||
result.errors.forEach((error, index) => { |
||||
append(container, ' ' + (index + 1) + ') ' + error.context + ' ' + error.value) |
||||
append(container, '') |
||||
append(container, ('\t error: ' + error.message)) |
||||
}) |
||||
} |
||||
|
||||
function runTest (testFilePath, callback) { |
||||
var provider = api.fileProviderOf(testFilePath) |
||||
provider.get(testFilePath, (error, content) => { |
||||
if (!error) { |
||||
var runningTest = {} |
||||
runningTest[testFilePath] = { content } |
||||
remixTests.runTestSources(runningTest, testCallback, resultsCallback, (error, result) => { |
||||
updateFinalResult(error, result) |
||||
callback(error) |
||||
}, api.importFileCb) |
||||
} |
||||
}) |
||||
} |
||||
|
||||
let runTests = function () { |
||||
container.innerHTML = '' |
||||
var path = api.currentPath() |
||||
var tests = [] |
||||
api.filesFromPath(path, (error, files) => { |
||||
if (!error) { |
||||
for (var file in files) { |
||||
if (/.(_test.sol)$/.exec(file)) tests.push(path + file) |
||||
} |
||||
async.eachOfSeries(tests, (value, key, callback) => { runTest(value, callback) }) |
||||
} |
||||
}) |
||||
} |
||||
|
||||
return yo` |
||||
<div class="${css.testTabView} "id="testView"> |
||||
<div> |
||||
<div class="${css.infoBox}"> |
||||
</div> |
||||
</div> |
||||
<div class="${css.testList}"> |
||||
<p><button onclick=${runTests}>Run Tests</button></p> |
||||
${container} |
||||
</div> |
||||
</div> |
||||
` |
||||
} |
||||
|
||||
function testTab (api = {}, events = {}, opts = {}) { |
||||
let el = testTabView(api) |
||||
let gitterIsLoaded = false |
||||
|
||||
events.app.register('tabChanged', (tabName) => { |
||||
if (tabName !== 'test' || gitterIsLoaded) { |
||||
return |
||||
} |
||||
|
||||
yo.update(el, testTabView(api)) |
||||
el.style.display = 'block' |
||||
gitterIsLoaded = true |
||||
}) |
||||
|
||||
return { render () { return el } } |
||||
} |
||||
|
||||
module.exports = testTab |
||||
Loading…
Reference in new issue