SitePrismを使ってSelenium＋Capybaraのテストをぺージオブジェクトパターンで書く

#! ruby
# -*- mode:ruby; coding:utf-8 -*-

require 'capybara/rspec'
require 'selenium-webdriver'

RSpec.configure do |config|
  config.include Capybara::DSL
end

Capybara.default_driver = :selenium
Capybara.app_host = 'http://www.yahoo.co.jp/'

describe "Yahoo Weather" do

  before do
    visit '/'
  end
  
  it "Tsu weather" do
    # トップページを表示しているか確認
    expect(page).to have_content("主なサービス")
    click_on '天気'
    # 天気のページに移動したかを確認
    expect(page).to have_content("全国の天気")
    within('#adrssrch') do
      fill_in "p", with: '津'
      click_button "検索"
    end
    # 検索結果のページかを確認
    expect(page).to have_content("三重県津市")
  end
end

#! ruby
# -*- mode:ruby; coding:utf-8 -*-
#
# Page Object Model version of test2_spec.rb

require 'capybara/rspec'
require 'selenium-webdriver'
require 'site_prism'

Dir[File.join(File.dirname(__FILE__), "*_page.rb")].each{ |f| require f }

RSpec.configure do |config|
  config.include Capybara::DSL
end

Capybara.default_driver = :selenium
Capybara.app_host = 'http://www.yahoo.co.jp/'

describe "Yahoo Weather" do

  before do
    @top = TopPage.new
    @top.load
  end
  
  it "Tsu weather" do
    # トップページを表示しているか確認
    expect(@top).to be_displayed
    weather_page = @top.click_weather
    # 天気のページに移動したかを確認
    expect(weather_page).to be_displayed
    result_page = weather_page.weather_search('津')
    # 検索結果のページかを確認
    expect(result_page).to be_displayed(loc: '津')
#    expect(page).to have_content("三重県津市")
  end
end

#! ruby
# -*- mode:ruby; coding:utf-8 -*-

# トップページ
class TopPage < SitePrism::Page
  set_url "/"

  # ページ中の要素を定義する
  element :weather_service, '#yahooservice > ul > li:nth-child(6) > a'


  # 要素に対する操作を定義する
  def click_weather
    weather_service.click
    # ページ遷移が発生する場合、新しいPage Objectを返す
    WeatherPage.new
  end
end

#! ruby
# -*- mode:ruby; coding:utf-8 -*-

# 天気・災害ページ
class WeatherPage < SitePrism::Page
  set_url "http://weather.yahoo.co.jp/weather/"

  # ページ中の要素を定義する
  element :weather_search_field, '#searchText'
  element :search_button, '#yjw_button_search'

  # 要素に対する操作を定義する
  def weather_search(param)
    weather_search_field.set param
    search_button.click
    WeatherSearchResultPage.new
  end
end

#! ruby
# -*- mode:ruby; coding:utf-8 -*-

# 天気・災害ページ-検索結果
class WeatherSearchResultPage < SitePrism::Page
  set_url "http://weather.yahoo.co.jp/weather/search/?p={loc}"

  element :search_word, '#main > div.yjw_main_md.yjw_clr > div.serch-keyword-frame01 > div > strong'
end

# frozen_string_literal: true
# A sample Gemfile
source "https://rubygems.org"

# gem "rails"
gem "rspec"
gem "selenium-webdriver"
gem "capybara"

gem "site_prism"