multi-device-runner/report.html at master · AirtestProject/multi-device-runner

History

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

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

<!DOCTYPE html>

<html>

<head>

<title>Airtest 多设备并行测试结果汇总</title>

</head>

*{

margin: 0;

padding: 0;

}

body{

background: #eeeeee

}

.container {

width: 75%;

min-width: 800px;

margin: auto

}

body.zh .en{

display: none;

}

body.en .zh{

display: none;

}

h1{

margin-top: 50px;

text-align: center;

}

.center{

text-align: center;

margin-top: 15px;

margin-bottom: 30px;

font-size: 14px;

position: relative;

}

.btn{

border: solid 1px #c0c0c0;

padding: 5px 20px;

border-radius: 3px;

background: white;

cursor: context-menu;

}

.btn.lang:hover {

background: #5cb85c26;

border-color: #0a790a;

}

.btn.lang {

position: absolute;

top: 0;

}

.head {

margin: 20px 0 30px 0;

}

.head, .table{

background: white;

border-radius: 5px;

box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

padding: 30px 20px;

}

.head .progress{

background: #dddddd;

color: white;

border-radius: 5px;

text-align: center;

margin-top: 12px;

}

.head .progress-bar-success{

width: 0;

transition: all 0.5s ease;

background: #5cb85c;

border-radius: 5px;

}

.table-title {

text-align: center;

margin-bottom: 20px;

font-size: 18px;

font-weight: bold;

position: relative;

}

.table-row{

border: solid 1px #e5e5e5;

margin-top: -1px;

cursor: context-menu;

}

.table-row:hover, .table-row.active{

background: beige;

}

.table-head{

background: aliceblue;

}

.table-head:hover{

background: aliceblue;

}

.table-head .table-col{

padding-top: 10px;

padding-bottom: 10px;

font-weight: bold;

text-align: center;

}

.table-col{

display: inline-block;

width: 200px;

line-height: 30px;

padding: 5px 10px;

border-left: solid 1px #e5e5e5;

margin-top: -1px;

margin-right: -5px;

}

.table-col.short{

width: 100px;

text-align: center;

}

.table-col:first-child{

border: none;

}

.table-col.long{

width: calc(100% - 500px);

}

.table-col.success{

color: green;

}

.table-col.failed{

color: red;

}

.detail{

text-align: center;

font-size: 14px;

color: gray;

}

.iframe{

position: fixed;

top: 0;

right: -100%;

width: 70%;

min-width: 800px;

height: 100%;

box-shadow: 0 5px 10px grey;

transition: right 0.5s ease;

background: white;

max-width: 1100px;

}

.iframe-tools{

position: absolute;

top: 23px;

left: -34px;

background: white;

box-shadow: -2px 2px 5px grey;

border-radius: 7px;

}

.iframe-tools .close, .iframe-tools .open{

width: 32px;

height: 50px;

color: gray;

cursor: context-menu;

display: block;

}

.iframe.show{

right: 0;

}

iframe{

width: 100%;

height: calc(100% - 70px);

border: none;

}

.iframe-head {

height: 60px;

line-height: 70px;

text-align: center;

border-bottom: solid 1px #ddd;

box-shadow: 2px 0 6px #999;

margin-bottom: 10px;

}

::-webkit-scrollbar {

width: 10px;

height: 10px;

background-color: rgba(0,0,0,.34);

}

::-webkit-scrollbar-thumb {

background-color: #8b8b8b;

border-radius: 10px;

}

::-webkit-scrollbar-track {

background-color: #f5f5f5;

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.22);

}

.iframe .close {

background: url('data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAYAAAAj6qa3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdC AK9OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dE AAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAA6JJREFUaN7tmc9LG0EUx99sE+xB/wBJ vQhCPLTojAr+Af6iKJSSVhD0EhNC1HgWxIt/gBA0MaQXqQoV2gb/Ag+Krs4KHlSMN38EFRGkIupm Xw/reEgIu9lsNi34vQTcie99P/NmZt8E4FWvKkpt6bZ0W/rdu0rnYVdektmBNEETNPHlS3Ytu5Zd Oz6mC3SBLgwMVNo4o4wy2tmp1qv1av3REVthK2xldNS2ANRN3dT99SvVqEa1pyfGGGMMkcpUprKq VgqEME436SbdvL8XebEAC7CAppkFQYyMwwM8wMP376SVtJJWlyt3HMYwhrFsFg7hEA6HhpRBZVAZ XFwst3GcwzmcS6VImIRJ+O3b/IHAgCFCB3RARyTCfdzHfdGoIQCxlkSpQwxiEKuqMkoMt3Ebt1UV kpCE5MCAElACSuDHD7uMN280bzRvdHcTiUhE+vWroPHcvJ4nCBuxERvfv9+t2a3ZrTk4EM/z9gC5 QW6QG05PyR7ZI3uitJ+ejAK9VEgTNEHT0pJdS0PMeLHGRQWQEAmR0OhorvGXvI3+T8tYy1jL2OfP uI7ruL68rP/V7TZL3urSMF3qBYwDBw48HOacc85jsULDDQE4DcIp40UDKDcIp41bBmA3CDJDZsjM 1ZXTxksG8JIHZZRRnw93cAd3lpYKHZd5IMSpIYMMsqqaNh6EIAQ1DeqgDuoCAd7De3jPt29W8y8Z gJDVijAtm2Y8V2/syu9863zrfOvgwOPz+Dy+/X04gRM4+fTpOYz1OGUybjsA20GU2biQ6WaoWGnV WrVW/ecPzuIszmazxX4f/ehHv6ZhBCMYub0tV5627QFCdIJO0ImuLuiDPuj7/dv05lYIRJl7DdsA 2G3cKRAlA7DapIjjTJR60cenTU2X5T1AzLjVJgXmYR7mR0akcWlcGu/v1x8633QVXQGWS91gV69U 02UaQLmM58ppEIYAnDJeKRCFr8QqZNxpEAWvxNRr9Vq9TqeLblLiEId4MMgVrnAlmbRqPI9riU0X 3uEd3n34kHszlPdqehY9i55Fb29re2t7a3svL4mXeIn340d9Rkl+xYgZX4VVWB0Z0Y0nEnYZF8pk MplMZn/fc+O58dyYf8UmLuIirqkppV1pV9p//sx7bhSYpmiKpoaHyQW5IBfxuH58SZJT7+qFZLg0 QhCC0OQk93M/909PlxxQgBC/B+j38KGQU4aNQOj5PD7qn5OTZQuoB/B6K238f8nrVf+6/gLOvYPg ZwC/JwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMy0wNlQyMDozMTo1NCswODowMMqAOUgAAAAl dEVYdGRhdGU6bW9kaWZ5ADIwMTktMDMtMDZUMjA6MzE6NTQrMDg6MDC73YH0AAAASHRFWHRzdmc6 YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9jOHk0dXZzNXd0 Zy9DbG9zZS5zdmfc199nAAAAAElFTkSuQmCC') no-repeat;

background-size: 20px;

background-position: center;

border-bottom: solid 2px #e5e5e5;

}

.iframe .open {

background: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAYAAAAj6qa3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdC AK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dE AAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAABS5JREFUaN7tmGtIU28cx3+/s0tFGyEW SLfJ0F4Yk3YttNUY5prBoMsha1EUQoUZESW9KIXKYWiZQhR7UfYiRgmZkBaGLCuTaucsR6RiVxLp It1cLJjn/P4vxurf3785by3Rz5uxZ8/vec73s+fsec4Appjir0Qn08l0so0bDdcN1w3X1erxmoeJ d9DBwGqsxup586iYiqnY69WWa8u15SrVpBHwKwsXMipGxahu3TKyRtbIJiVNMgEAUAqlUJqaKr4Q X4gvGhuN3cZuY3di4uQR8AsajaAUlIKyoSEzMTMxM1GpnGQCANCKVrSaTCF3yB1y37yZXpZell42 c+akEfBDhAtd6MrIkG6Xbpdur61NqUqpSqmaNm3CCdDe197X3k9J0ev0Or2OZUkggYSsrJhF2NCG tlWrZvXO6p3V6/GspJW0kqTSoeqG7DDWGBIMCYaEzExSk5rUTicchINw0G6HAiiAguRkQEBAAKzE SqwcwQT1UA/1a9cGpUFpUFpdHWncujXyKooDxI1XUJZlWZaVSF6GXoZehjZvph20g3YcOgQlUAIl aWl/QjYAANRADdS43ZyaU3PqXbsijUTjJkC3RbdFt8VsBic4wXn2LB7Gw3h48eI/FngQyEY2slVU 8C7exbv27x8zAZF7Viaj1bSaVp84gb3Yi7379gEHHHA4bitsdBw7xnEcx3FFRSO+QI1Go9FoEhLk drldbq+rgyZogiazOd7RYoVUpCJVYeGwd4Eld5bcWXJnzhy5XC6Xy5ubJ1rwKLgMl+Gy5OSYBaRd SbuSdkWhYD4xn5hP9fWRVo0m3kFGxsWLXCFXyBUWFMQsYPrS6UunLz1zBo/iUTxqNMY7wrBZA2tg TW2twqfwKXx5eZFGURzyHGDYa9hr2Lt+Pa2jdbQuup9ONBobv8z+MvvL7E2bOOSQw/7+6CeSwUpM XaYuU9f8+aIgCqJw4wY8gAfwYMaMeEcZHl6v7JrsmuyawxHIDmQHsr9//2+PQVdAv7xf3i8vKcEq rMKqhIRRX4se9KAnimyPb95AGZRBWVcX8cQT//o1etCDnmCQLtAFuhAKQRIkQZJGg3a0oz0nJ+Z5 jsNxON7aGuoL9YX6HA5uAbeAWxAKDdZ9gIDIc/aiRUKP0CP0OJ3DzUnN1EzNT55AMRRDcUMDetGL 3qamcGo4NZza0hJwB9wB97dvYAUrWP9ngHRIh3QA/SX9Jf2l6IFlaAF0m27Tbb9fUAgKQZGT8xSf 4lMMBoeqGyBAPC+eF88XFWEd1mGdRPL78nCYrtJVuurxkItc5Dp3zq/wK/yK1tYBXXnggR+uzhgw gxnM7e2iX/SLfputbUXbirYVnz/HWv5DgDZDm6HNmDs3cqLLzY0IGKwsug0eOMCreBWv6ugYh2i/ h4CAnj8XH4oPxYdZWY9PPz79+PSHD8Md5ocAJp/JZ/Jzc2E37Ibd//rm8yEf8oNB2kk7aWdeHh/m w3z48uU/Hjiau5zKqby7W7AIFsGSldWGbdiGPT0jHe/nOeAUnIJTP+95ukt36W5np8iKrMiaTHEP XkEVVPHuHXOPucfciwZ/9Wq04zLRH73IW50usrQ6OiTbJNsk2ywWv9Kv9Cvb2+MWvJIqqfLjR9gA G2BDdrbviO+I70hn51iNLxUcgkNwWCy4HJfj8mfPoAVaoMVqfVTzqOZRzdu38QoOJ+EknPz6lelj +pg+u9333vfe9z4QGPN59KX6Un2p2x15rP3bzvbM+P9lp9uj26PbY7WOfqQpppiI/AOjmiKrfUvK NAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOS0wMy0wNlQyMDozMTo1NCswODowMMqAOUgAAAAldEVY dGRhdGU6bW9kaWZ5ADIwMTktMDMtMDZUMjA6MzE6NTQrMDg6MDC73YH0AAAASHRFWHRzdmc6YmFz ZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl9jOHk0dXZzNXd0Zy9z aGFyZS5zdmftz7m3AAAAAElFTkSuQmCC") no-repeat;

background-size: 20px;

background-position: center;

}

</style>

<h1>test_blackjack.air</h1>

<div class="btn lang">Switch to English version</div>

<div class="time en">Started at：2019-05-27 09:48:58，cost <b>23.739</b> s</div>

</div>

<header class="en"><span class="rate">Ruccess rate：</span> 4/4</header>

<div>

</div>

<span class="running_detail en">Detail</span>

</div>

<div class="table-col short en">result</div>

<div class="table-col long en">device</div>

</div>

<div class="table-col short en success">sucess</div>

<div class="table-col detail zh">点击可查看详情</div>

<div class="table-col detail en">click to see detail</div>

</div>

<div class="table-col short en success">sucess</div>

<div class="table-col long">721QEBRL2VGKL</div>

<div class="table-col detail zh">点击可查看详情</div>

<div class="table-col detail en">click to see detail</div>

</div>

<div class="table-col short en success">sucess</div>

<div class="table-col detail zh">点击可查看详情</div>

<div class="table-col detail en">click to see detail</div>

</div>

<div class="table-col short en success">sucess</div>

<div class="table-col detail zh">点击可查看详情</div>

<div class="table-col detail en">click to see detail</div>

</div>

</div>

</body>

var Lang = 'zh' // or en

var rows = document.querySelectorAll('.table-row')

var iframe = document.querySelector('.iframe')

var iframeHead = document.querySelector('.iframe-head')

var open = document.querySelector('.open')

var close = document.querySelector('.iframe .close')

var langBtn = document.querySelector('.lang')

var body = document.body

var prevActiveRow = null

function init() {

for(i=0; i<rows.length; i++){

addEvent(rows[i], 'click', function(e){

path = this.getAttribute('path')

console.log(this)

if(path) {

showIframe(this)

}

})

}

addEvent(close, 'click', function(e){

iframe.className='iframe'

})

addEvent(langBtn, 'click', function(e){

if(Lang == 'zh'){

Lang = 'en';

this.innerText = '切换到中文版'

} else {

Lang = 'zh'

this.innerText = "Switch to English version"

}

document.body.className = Lang

if (iframe.className.indexOf('show')>=0) {

showIframe(prevActiveRow)

}

})

document.body.className = Lang

}

function showIframe(obj){

var num = obj.querySelector('.table-col.short').innerText

var device = obj.querySelector('.table-col.long').innerText

if(Lang =='en') {

num = ordinal_suffix_of(num)

iframeHead.innerHTML = "Test report running in the " + num + ' device "' + device + '"'

open.setAttribute('title', 'open in a new tab')

close.setAttribute('title', 'close')

}

else {

iframeHead.innerHTML = "第 " + num + " 台设备【" + device + "】的测试报告"

open.setAttribute('title', '在新标签页打开')

close.setAttribute('title', '关闭')

}

iframe.querySelector('iframe').setAttribute('src', path)

open.setAttribute('href', path)

iframe.className='iframe show'

if(prevActiveRow){

prevActiveRow.className = "table-row"

}

obj.className = 'table-row active'

prevActiveRow = obj

}

function ordinal_suffix_of(i) {

i = Number(i)

var j = i % 10,

k = i % 100;

if (j == 1 && k != 11) {

return i + "st";

}

if (j == 2 && k != 12) {

return i + "nd";

}

if (j == 3 && k != 13) {

return i + "rd";

}

return i + "th";

}

function addEvent(obj,type,handle) {

try{// Chrome、FireFox、Opera、Safari、IE9.0 and above

obj.addEventListener(type,handle);

}catch(e){

try{// IE8.0 and below

obj.attachEvent('on'+ type,handle);

}catch(e){// Browser in earlier vesion

obj['on'+ type]= handle;

}

init()

</script>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

report.html

report.html

Files

report.html

Latest commit

History

report.html

File metadata and controls