blob: eb7193e0cbf3d31a502352d026300d698301deca (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
/*
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 { BenchmarkResult } from "../../types/walletTypes";
import * as wxApi from "../wxApi";
import * as React from "react";
interface BenchmarkRunnerState {
repetitions: number;
result?: BenchmarkResult;
running: boolean;
}
function BenchmarkDisplay(props: BenchmarkRunnerState): JSX.Element {
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 key={k}>
<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(): Promise<void> {
this.setState({ result: undefined, running: true });
const result = await wxApi.benchmarkCrypto(this.state.repetitions);
this.setState({ result, running: false });
}
render(): JSX.Element {
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>
);
}
}
export function makeBenchmarkPage(): JSX.Element {
return <BenchmarkRunner />;
}
|
