|
|
|
|
@ -2,6 +2,7 @@ import React, { useState, useRef, useEffect, ReactElement } from 'react' // esli |
|
|
|
|
import * as semver from 'semver' |
|
|
|
|
import { eachOfSeries } from 'async' // eslint-disable-line
|
|
|
|
|
import type Web3 from 'web3' |
|
|
|
|
import { OverlayTrigger, Tooltip } from 'react-bootstrap' |
|
|
|
|
import { canUseWorker, urlFromVersion } from '@remix-project/remix-solidity' |
|
|
|
|
import { Renderer } from '@remix-ui/renderer' // eslint-disable-line
|
|
|
|
|
import { Toaster } from '@remix-ui/toaster' // eslint-disable-line
|
|
|
|
|
@ -198,7 +199,7 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d |
|
|
|
|
if (await testTabLogic.pathExists(testDirInput)) { |
|
|
|
|
setDisableCreateButton(true) |
|
|
|
|
setDisableGenerateButton(false) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
|
// Enable Create button
|
|
|
|
|
setDisableCreateButton(false) |
|
|
|
|
@ -296,20 +297,26 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d |
|
|
|
|
let label |
|
|
|
|
if (index > -1) { |
|
|
|
|
const className = "alert-danger d-inline-block mb-1 mr-1 p-1 failed_" + runningTestFileName |
|
|
|
|
label = (<div |
|
|
|
|
label = (<OverlayTrigger placement={'right'} overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="info-recorder"> |
|
|
|
|
<span>At least one contract test failed</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
}><div |
|
|
|
|
className={className} |
|
|
|
|
title="At least one contract test failed" |
|
|
|
|
> |
|
|
|
|
FAIL |
|
|
|
|
</div>) |
|
|
|
|
</div></OverlayTrigger>) |
|
|
|
|
} else { |
|
|
|
|
const className = "alert-success d-inline-block mb-1 mr-1 p-1 passed_" + runningTestFileName |
|
|
|
|
label = (<div |
|
|
|
|
label = (<OverlayTrigger placement={'top-end'} overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="info-recorder"> |
|
|
|
|
<span>All contract tests passed</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
}><div |
|
|
|
|
className={className} |
|
|
|
|
title="All contract tests passed" |
|
|
|
|
> |
|
|
|
|
PASS |
|
|
|
|
</div>) |
|
|
|
|
</div></OverlayTrigger>) |
|
|
|
|
} |
|
|
|
|
// show contract and file name with label
|
|
|
|
|
const ContractCard: ReactElement = ( |
|
|
|
|
@ -335,8 +342,12 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d |
|
|
|
|
if (test.debugTxHash) { |
|
|
|
|
const { web3, debugTxHash } = test |
|
|
|
|
debugBtn = ( |
|
|
|
|
<div id={test.value.replaceAll(' ', '_')} className="btn border btn btn-sm ml-1" style={{ cursor: 'pointer' }} title="Start debugging" onClick={() => startDebug(debugTxHash, web3)}> |
|
|
|
|
<i className="fas fa-bug"></i> |
|
|
|
|
<div id={test.value.replaceAll(' ', '_')} className="btn border btn btn-sm ml-1" style={{ cursor: 'pointer' }} onClick={() => startDebug(debugTxHash, web3)}> |
|
|
|
|
<OverlayTrigger placement={'top-start'} overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="info-recorder"> |
|
|
|
|
<span>Start debugging</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
}><i className="fas fa-bug"></i></OverlayTrigger> |
|
|
|
|
</div> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
@ -663,57 +674,102 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
</datalist> |
|
|
|
|
<input |
|
|
|
|
list="utPathList" |
|
|
|
|
className="inputFolder custom-select" |
|
|
|
|
id="utPath" |
|
|
|
|
data-id="uiPathInput" |
|
|
|
|
name="utPath" |
|
|
|
|
value={inputPathValue} |
|
|
|
|
title="Press 'Enter' to change the path for test files." |
|
|
|
|
style={{ backgroundImage: "var(--primary)" }} |
|
|
|
|
onKeyDown={() => { if (inputPathValue === '/') setInputPathValue('')} } |
|
|
|
|
onChange={handleTestDirInput} |
|
|
|
|
onClick = {() => { if (inputPathValue === '/') setInputPathValue('')} } |
|
|
|
|
/> |
|
|
|
|
<button |
|
|
|
|
className="btn border ml-2" |
|
|
|
|
data-id="testTabGenerateTestFolder" |
|
|
|
|
title="Create a test folder" |
|
|
|
|
disabled={disableCreateButton} |
|
|
|
|
onClick={handleCreateFolder} |
|
|
|
|
<OverlayTrigger |
|
|
|
|
placement="top-end" |
|
|
|
|
overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="uiPathInputtooltip"> |
|
|
|
|
<span>{"Press 'Enter' to change the path for test files."}</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
} |
|
|
|
|
> |
|
|
|
|
Create |
|
|
|
|
</button> |
|
|
|
|
<input |
|
|
|
|
list="utPathList" |
|
|
|
|
className="inputFolder custom-select" |
|
|
|
|
id="utPath" |
|
|
|
|
data-id="uiPathInput" |
|
|
|
|
name="utPath" |
|
|
|
|
value={inputPathValue} |
|
|
|
|
style={{ backgroundImage: "var(--primary)" }} |
|
|
|
|
onKeyDown={() => { if (inputPathValue === '/') setInputPathValue('')} } |
|
|
|
|
onChange={handleTestDirInput} |
|
|
|
|
onClick = {() => { if (inputPathValue === '/') setInputPathValue('')} } |
|
|
|
|
/> |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
<OverlayTrigger |
|
|
|
|
placement="top-end" |
|
|
|
|
overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="uiPathInputButtontooltip"> |
|
|
|
|
<span>Create a test folder</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
} |
|
|
|
|
> |
|
|
|
|
<button |
|
|
|
|
className="btn border ml-2" |
|
|
|
|
data-id="testTabGenerateTestFolder" |
|
|
|
|
disabled={disableCreateButton} |
|
|
|
|
onClick={handleCreateFolder} |
|
|
|
|
> |
|
|
|
|
Create |
|
|
|
|
</button> |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div className="d-flex p-2"> |
|
|
|
|
<button |
|
|
|
|
className="btn border w-50" |
|
|
|
|
data-id="testTabGenerateTestFile" |
|
|
|
|
title="Generate a sample test file" |
|
|
|
|
disabled={disableGenerateButton} |
|
|
|
|
onClick={async () => { |
|
|
|
|
await testTabLogic.generateTestFile((err:any) => { if (err) setToasterMsg(err)}) // eslint-disable-line @typescript-eslint/no-explicit-any
|
|
|
|
|
await updateForNewCurrent() |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
Generate |
|
|
|
|
</button> |
|
|
|
|
<a className="btn border text-decoration-none pr-0 d-flex w-50 ml-2" title="Check out documentation." target="__blank" href="https://remix-ide.readthedocs.io/en/latest/unittesting.html#test-directory"> |
|
|
|
|
<OverlayTrigger overlay={ |
|
|
|
|
<Tooltip id="generateTestsButtontooltip" className="text-nowrap"> |
|
|
|
|
<span>Generate a sample test file</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
} placement={'bottom-start'}> |
|
|
|
|
<button |
|
|
|
|
className="btn border w-50" |
|
|
|
|
data-id="testTabGenerateTestFile" |
|
|
|
|
disabled={disableGenerateButton} |
|
|
|
|
onClick={async () => { |
|
|
|
|
await testTabLogic.generateTestFile((err:any) => { if (err) setToasterMsg(err)}) // eslint-disable-line @typescript-eslint/no-explicit-any
|
|
|
|
|
await updateForNewCurrent() |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
Generate |
|
|
|
|
</button> |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
<OverlayTrigger overlay={ |
|
|
|
|
<Tooltip id="generateTestsLinktooltip" className="text-nowrap"> |
|
|
|
|
<span>Check out documentation.</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
} placement={'bottom-start'}> |
|
|
|
|
<a className="btn border text-decoration-none pr-0 d-flex w-50 ml-2" target="__blank" href="https://remix-ide.readthedocs.io/en/latest/unittesting.html#test-directory"> |
|
|
|
|
<label className="btn p-1 ml-2 m-0">How to use...</label> |
|
|
|
|
</a> |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
</div> |
|
|
|
|
<div className="d-flex p-2"> |
|
|
|
|
<button id="runTestsTabRunAction" title={runButtonTitle} data-id="testTabRunTestsTabRunAction" className="w-50 btn btn-primary" disabled={disableRunButton} onClick={runTests}> |
|
|
|
|
<span className="fas fa-play ml-2"></span> |
|
|
|
|
<label className="labelOnBtn btn btn-primary p-1 ml-2 m-0">Run</label> |
|
|
|
|
</button> |
|
|
|
|
<button id="runTestsTabStopAction" data-id="testTabRunTestsTabStopAction" className="w-50 pl-2 ml-2 btn btn-secondary" disabled={disableStopButton} title="Stop running tests" onClick={stopTests}> |
|
|
|
|
<span className="fas fa-stop ml-2"></span> |
|
|
|
|
<label className="labelOnBtn btn btn-secondary p-1 ml-2 m-0" id="runTestsTabStopActionLabel">{stopButtonLabel}</label> |
|
|
|
|
<OverlayTrigger placement={'top-start'} overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="info-recorder"> |
|
|
|
|
<span> |
|
|
|
|
{runButtonTitle} |
|
|
|
|
</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
}> |
|
|
|
|
<button id="runTestsTabRunAction"data-id="testTabRunTestsTabRunAction" className="w-50 btn btn-primary" disabled={disableRunButton} onClick={runTests}> |
|
|
|
|
<span className="fas fa-play ml-2"></span> |
|
|
|
|
<label className="labelOnBtn btn btn-primary p-1 ml-2 m-0">Run</label> |
|
|
|
|
</button> |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
<button id="runTestsTabStopAction" data-id="testTabRunTestsTabStopAction" className="w-50 pl-2 ml-2 btn btn-secondary" disabled={disableStopButton} onClick={stopTests}> |
|
|
|
|
<OverlayTrigger placement={'top-start'} overlay={ |
|
|
|
|
<Tooltip className="text-nowrap" id="info-recorder"> |
|
|
|
|
<span> |
|
|
|
|
Stop running tests |
|
|
|
|
</span> |
|
|
|
|
</Tooltip> |
|
|
|
|
}> |
|
|
|
|
<span> |
|
|
|
|
<span className="fas fa-stop ml-2"></span> |
|
|
|
|
<label className="labelOnBtn btn btn-secondary p-1 ml-2 m-0" id="runTestsTabStopActionLabel">{stopButtonLabel}</label> |
|
|
|
|
</span> |
|
|
|
|
</OverlayTrigger> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
<div className="d-flex align-items-center mx-3 pb-2 mt-2 border-bottom"> |
|
|
|
|
@ -730,7 +786,7 @@ export const SolidityUnitTesting = (props: Record<string, any>) => { // eslint-d |
|
|
|
|
const elemId = `singleTest${testFileObj.fileName}` |
|
|
|
|
return ( |
|
|
|
|
<div className="d-flex align-items-center py-1" key={index}> |
|
|
|
|
<input className="singleTest" id={elemId} onChange={(e) => toggleCheckbox(e.target.checked, index)} type="checkbox" checked={testFileObj.checked} /> |
|
|
|
|
<input data-id="singleTest" className="singleTest" id={elemId} onChange={(e) => toggleCheckbox(e.target.checked, index)} type="checkbox" checked={testFileObj.checked} /> |
|
|
|
|
<label className="singleTestLabel text-nowrap pl-2 mb-0" htmlFor={elemId}>{testFileObj.fileName}</label> |
|
|
|
|
</div> |
|
|
|
|
) |
|
|
|
|
|
Joseph Izang
2 years ago
committed by
GitHub