More than 1 year has passed since last update.

【Selenide + Eclipse + Servlet/JSP】コピペでできるテスト自動化

Last updated at 2024-08-09Posted at 2023-12-24

はじめに

本記事ではselenide + Eclipse + Servlet/JSPを使ったテスト自動化の導入方法について説明します。特にテスト自動化ツールを導入したことのない人向けに、行うべき作業を細かく説明しているので、テスト自動化を導入したいけど何からやっていいかわからないという方は参考にしてください

前提条件

Fire Foxがインストールされている(インストールしていない人はインストールしてください)
Eclipseを使ってServlet/JSPのプロジェクトを実行できる

とりあえずやってみる

プロジェクトの作成

ファイル→新規→動的Webプロジェクトをクリック

プロジェクト名にAutomationTestingを入力して完了をクリック

プロジェクトの構成変更

AutomationTestingプロジェクトを右クリック→構成→Maven プロジェクトへ変換をクリック（構成は↓をクリックしてメニューをスクロールしないとでてきません）

完了をクリック

xmlの編集

AutomationTesting/pom.xmlを右クリック→次で開く→テキストエディターをクリック

内容を以下の通り編集

pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>AutomationTesting</groupId>
  <artifactId>AutomationTesting</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <dependencies>
	    <dependency>
    	    <groupId>com.codeborne</groupId>
        	<artifactId>selenide</artifactId>
        	<version>4.9.1</version>
    	</dependency>
    	<dependency>
        	<groupId>junit</groupId>
        	<artifactId>junit</artifactId>
        	<version>4.12</version>
    	</dependency>
  </dependencies>
  <build>
    <sourceDirectory>src</sourceDirectory>
    <plugins>
      <plugin>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>3.5.1</version>
        <configuration>
          <source>1.8</source>
          <target>1.8</target>
        </configuration>
      </plugin>
      <plugin>
        <artifactId>maven-war-plugin</artifactId>
        <version>3.0.0</version>
        <configuration>
          <warSourceDirectory>WebContent</warSourceDirectory>
        </configuration>
      </plugin>
    </plugins>
  </build>
</project>

Selenideを使ったテストコードの作成

Javaリソース/srcを右クリック→新規→クラスをクリック

パッケージをtest、名前をExecTestにして完了をクリック

ExecTestの内容を以下のように変更

ExecTest.java

package test;

import static com.codeborne.selenide.Condition.*;

import org.junit.Test;

import com.codeborne.selenide.Selenide;


public class ExecTest {
	@Test
	public void executeTest() {
		// test.jspにアクセス
	    Selenide.open("http://localhost:8080/AutomationTesting/test/test.jsp");
	    // Hello Worldという内容が書かれているかチェック
	    Selenide.$(".test").shouldHave(text("Hello World"));
	}
}

テストの対象となるページの作成

WebContentを右クリック→新規→フォルダーをクリック

フォルダー名をtestにして完了をクリック

先ほど作成した完了フォルダーを右クリック→新規→JSP ファイルをクリック

ファイル名をjspとして完了をクリック

test.jspの内容を以下のように変更

test.jsp

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Echo</title>
</head>
<body>
    <div class='test'>
    	Hello World
    </div>
</body>
</html>