Go to Qiita Advent Calendar 2024 Top
LoginSignup
6
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

@oh_rusty_nailinリコーITソリューションズ株式会社

SeleniumIDE × SelBlocks活用事例

Posted at

はじめに

以前、 @____rina____ さんが書かれた記事SeleniumIDE×SelBlocksを使ってXMLでDDT！を見てあとでやってみよう！
そして、やったらなんか気付きを書こうと思っていたので書きます！

事前準備

  • 以下をインストールしてください
  • Firefox
  • Selenium IDE (Firefoxアドオン)
  • SelBlocks (Firefoxアドオン)

これは使えるなと思ったコマンド

  • forJson
  • テストデータをJsonファイルに集約し、ループ処理を行う
  • if
  • getEvalコマンドでやっていた条件分岐を移行
  • getEvalコマンドでJavascriptが書けるがカオスになっていくし、みにくいのでツライ

とあるテストをSelBlocksで改善した事例

  • テストの中身には触れませんが、テストケース数は30 => 7 (ファイルサイズは1/3に)
  • この数字だけみてもコピーしてテスト作っていたことが想像できそうですよね

導入した結果変わったこと/気づいたこと

1. テストケースをコピーする文化がなくなった

  • 例えば、環境毎で似たようなテストを実施するとき、URLが違うためテストケースをコピーでURLだけ修正していました
  • 結果、中身はほとんど変わらないテストケースが複数ある　なんてことも

2. コードの保守性が向上した

  • 今まではテストデータとテストそのものが同じファイルで管理していた
  • Jsonファイルなどの別のファイルにテストデータを集約することで、テストデータの修正ならテストコードは見ることなくデータファイルの更新だけで済むようになった

3. コードの可読性が向上した

  • Selenium IDEを使っているとgetEvalコマンドを使うシーンは多々ある
  • このコマンドは便利でJavascriptがなんでもかけてしまうが、条件分岐や複雑な処理には向いておらず書けば書くほどみにくくなる
  • 実際。自分が書いたコードでも少し経ってからみるとインプットするのに時間がかかることもありました(だれやこんなコード書いたのw)

4. データ更新を頻繁に行う必要が有る場合、外部ファイルにするのは変更が面倒！

  • データの更新が頻繁に起こるという前提で話をしますが、
  • 外部ファイルにテストデータを置くと変更はそのファイルだけで済みますが、毎回複数のxxxx.jsonのデータを変更しにいくのは面倒というのはありますね
  • テストケースの変更であればSeleniumIDE上で修正ができるのに対し、外部ファイルにわけるとSeleniumIDE上での修正にならない>_<という
  • 結果見たらその場でちょちょいと修正をいれたい　とそんな声もあるとおもいます

SelBlocksで使えるようになるコマンドのサンプル集

if/else/elseIfコマンド

if_else_elseIf.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="" />
<title>if_else_elseIf</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">if_else_elseIf</td></tr>
</thead><tbody>
<tr>
	<td>foreach</td>
	<td>value</td>
	<td>'いちご', 'みかん', 'さくらんぼ'</td>
</tr>
<tr>
	<td>if</td>
	<td>value == 'いちご'</td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('いちごは400円です。');</td>
	<td></td>
</tr>
<tr>
	<td>elseIf</td>
	<td>value == 'みかん'</td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('みかんは150円です。');</td>
	<td></td>
</tr>
<tr>
	<td>else</td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('${value}は時価です。');</td>
	<td></td>
</tr>
<tr>
	<td>endIf</td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>endForeach</td>
	<td></td>
	<td></td>
</tr>
</tbody></table>
</body>
</html>

forコマンド

for.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="" />
<title>for</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">for</td></tr>
</thead><tbody>
<tr>
	<td>for</td>
	<td>i = 1; i <= 10; i++ </td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('試行回数：${i}');</td>
	<td></td>
</tr>
<tr>
	<td>endFor</td>
	<td></td>
	<td></td>
</tr>
</tbody></table>
</body>
</html>

continue/breakコマンド

continue_break.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="" />
<title>continue_break</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">continue_break</td></tr>
</thead><tbody>
<tr>
	<td>for</td>
	<td>i = 1; i <= 100; i++ </td>
	<td></td>
</tr>
<tr>
	<td>break</td>
	<td>i == 10</td>
	<td></td>
</tr>
<tr>
	<td>continue</td>
	<td>i % 2 == 0</td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('${i}は奇数です');</td>
	<td></td>
</tr>
<tr>
	<td>endFor</td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('終了');</td>
	<td></td>
</tr>
</tbody></table>
</body>
</html>

forJsonコマンド

forJson.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="" />
<title>forJson</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">forJson</td></tr>
</thead><tbody>
<tr>
	<td>forJson</td>
	<td>price.json</td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('${value}は${price}円です。');</td>
	<td></td>
</tr>
<tr>
	<td>endForJson</td>
	<td></td>
	<td></td>
</tr>
</tbody></table>
</body>
</html>
price.json
[
  { value: "いちご",     price: "400" },
  { value: "みかん",     price: "150" },
  { value: "さくらんぼ", price: "600" }
]

exitTestコマンド

exitTest.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="" />
<title>exitTest</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">exitTest</td></tr>
</thead><tbody>
<tr>
	<td>getEval</td>
	<td>LOG.info('このログは出力されます。');</td>
	<td></td>
</tr>
<tr>
	<td>exitTest</td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('exitするためこのログは出力されません。');</td>
	<td></td>
</tr>
</tbody></table>
</body>
</html>

call/functionコマンド

call_function.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://selenium-ide.openqa.org/profiles/test-case">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="selenium.base" href="" />
<title>call_function</title>
</head>
<body>
<table cellpadding="1" cellspacing="1" border="1">
<thead>
<tr><td rowspan="1" colspan="3">call_function</td></tr>
</thead><tbody>
<tr>
	<td>for</td>
	<td>i = 0; i <= 10; i++</td>
	<td></td>
</tr>
<tr>
	<td>call</td>
	<td>play</td>
	<td></td>
</tr>
<tr>
	<td>endFor</td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>function</td>
	<td>play</td>
	<td></td>
</tr>
<tr>
	<td>getEval</td>
	<td>LOG.info('試行回数：${i}');</td>
	<td></td>
</tr>
<tr>
	<td>endFunction</td>
	<td></td>
	<td></td>
</tr>
</tbody></table>
</body>
</html>

～ただの宣伝～

  • 最後まで読んでくださいましてありがとうございます。最後に宣伝をさせていただきます
  • 全国のSeleniumer必読
  • Selenium, Appium, SauceLabs, TravisCI, Jenkinsに関するノウハウ書いているのでよかったら参考にしてみてください
6
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
6
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?