benchmark
This commit is contained in:
parent
b285d3e277
commit
1751ecb163
17
src/webex/pages/benchmark.html
Normal file
17
src/webex/pages/benchmark.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Taler Wallet: Benchmarks</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
|
||||||
|
<link rel="icon" href="/img/icon.png">
|
||||||
|
<script src="/dist/page-common-bundle.js"></script>
|
||||||
|
<script src="/dist/benchmark-bundle.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<section id="main">
|
||||||
|
<h1>Benchmarks</h1>
|
||||||
|
<div id="container"></div>
|
||||||
|
</section>
|
||||||
|
</body>
|
||||||
|
</html>
|
111
src/webex/pages/benchmark.tsx
Normal file
111
src/webex/pages/benchmark.tsx
Normal file
@ -0,0 +1,111 @@
|
|||||||
|
/*
|
||||||
|
This file is part of TALER
|
||||||
|
(C) 2015 GNUnet e.V.
|
||||||
|
|
||||||
|
TALER is free software; you can redistribute it and/or modify it under the
|
||||||
|
terms of the GNU General Public License as published by the Free Software
|
||||||
|
Foundation; either version 3, or (at your option) any later version.
|
||||||
|
|
||||||
|
TALER is distributed in the hope that it will be useful, but WITHOUT ANY
|
||||||
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
||||||
|
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License along with
|
||||||
|
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Benchmarks for the wallet.
|
||||||
|
*
|
||||||
|
* @author Florian Dold
|
||||||
|
*/
|
||||||
|
|
||||||
|
import * as i18n from "../../i18n";
|
||||||
|
|
||||||
|
import { runOnceWhenReady } from "./common";
|
||||||
|
|
||||||
|
import { BenchmarkResult } from "../../walletTypes";
|
||||||
|
|
||||||
|
import * as wxApi from "../wxApi";
|
||||||
|
|
||||||
|
import * as React from "react";
|
||||||
|
import * as ReactDOM from "react-dom";
|
||||||
|
|
||||||
|
|
||||||
|
interface BenchmarkRunnerState {
|
||||||
|
repetitions: number;
|
||||||
|
result?: BenchmarkResult;
|
||||||
|
running: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function BenchmarkDisplay(props: BenchmarkRunnerState) {
|
||||||
|
const result = props.result;
|
||||||
|
if (!result) {
|
||||||
|
if (props.running) {
|
||||||
|
return <div>Waiting for results ...</div>;
|
||||||
|
} else {
|
||||||
|
return <div></div>;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<h2>Results for {result.repetitions} repetitions</h2>
|
||||||
|
<table className="pure-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>{i18n.str`Operation`}</th>
|
||||||
|
<th>{i18n.str`time (ms/op)`}</th>
|
||||||
|
</tr>
|
||||||
|
{
|
||||||
|
Object.keys(result.time).sort().map(
|
||||||
|
k =>
|
||||||
|
<tr>
|
||||||
|
<td>{k}</td>
|
||||||
|
<td>{result.time[k] / result.repetitions}</td>
|
||||||
|
</tr>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</thead>
|
||||||
|
</table>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
class BenchmarkRunner extends React.Component<any, BenchmarkRunnerState> {
|
||||||
|
constructor(props: any) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
repetitions: 10,
|
||||||
|
running: false,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async run() {
|
||||||
|
this.setState({ result: undefined, running: true });
|
||||||
|
let result = await wxApi.benchmarkCrypto(this.state.repetitions);
|
||||||
|
this.setState({ result, running: false });
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<label>Repetitions:</label>
|
||||||
|
<input type="number"
|
||||||
|
value={this.state.repetitions}
|
||||||
|
onChange={(evt) => this.setState({ repetitions: Number.parseInt(evt.target.value) })} />
|
||||||
|
{" "}
|
||||||
|
<button onClick={() => this.run()}>Run</button>
|
||||||
|
<BenchmarkDisplay {...this.state} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
runOnceWhenReady(() => {
|
||||||
|
ReactDOM.render(<BenchmarkRunner />, document.getElementById("container")!);
|
||||||
|
// Will be used by the backend to detect when the popup gets closed,
|
||||||
|
// so we can clear notifications
|
||||||
|
});
|
31
src/webex/pages/common.ts
Normal file
31
src/webex/pages/common.ts
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
/*
|
||||||
|
This file is part of TALER
|
||||||
|
(C) 2018 GNUnet e.V.
|
||||||
|
|
||||||
|
TALER is free software; you can redistribute it and/or modify it under the
|
||||||
|
terms of the GNU General Public License as published by the Free Software
|
||||||
|
Foundation; either version 3, or (at your option) any later version.
|
||||||
|
|
||||||
|
TALER is distributed in the hope that it will be useful, but WITHOUT ANY
|
||||||
|
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
|
||||||
|
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License along with
|
||||||
|
TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/>
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Common helper functions for all web extension pages.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Make sure that a function is executed exactly once
|
||||||
|
* after the DOM has been loaded.
|
||||||
|
*/
|
||||||
|
export function runOnceWhenReady(f: () => void): void {
|
||||||
|
if (document.readyState === "loading") {
|
||||||
|
document.addEventListener("DOMContentLoaded", f);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
f();
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user