Given(/^I am at a wiki article with at least two embedded pictures$/) do visit(E2ETestPage) on(E2ETestPage).image1_in_article_element.should be_visible end When(/^I click on the first image in the article$/) do on(E2ETestPage) do |page| # We store the offset of the image as the scroll position and scroll to it, because cucumber/selenium # sometimes automatically scrolls to it when we ask it to click on it (seems to depend on timing) @articleScrollTop = page.execute_script("var scrollTop = Math.round($('a[href=\"/wiki/File:Sunrise_over_fishing_boats_in_Kerala.jpg\"]').first().find('img').offset().top); window.scrollTo(0, scrollTop); return scrollTop;") # Scrolls to the image and clicks on it page.image1_in_article # This is a global variable that can be used to measure performance @image_click_time = Time.now.getutc end end When(/^I click on an unrelated image in the article to warm up the browser cache$/) do on(E2ETestPage).other_image_in_article end When(/^I click the next arrow$/) do on(E2ETestPage).mmv_next_button_element.when_present.click end When(/^I click the previous arrow$/) do on(E2ETestPage).mmv_previous_button_element.when_present.click end When(/^I close MMV$/) do on(E2ETestPage).mmv_close_button_element.when_present(30).click end When(/^I press the browser back button$/) do on(E2ETestPage) do |page| page.execute_script("window.history.back();"); end end Then(/^I should be navigated back to the original wiki article$/) do on(E2ETestPage) do |page| page.image1_in_article_element.should be_visible page.mmv_wrapper_element.should_not be_visible end end Then(/^the image and metadata of the next image should appear$/) do on(E2ETestPage) do |page| # MMV was launched, article is not visible yet page.image1_in_article_element.should_not be_visible check_elements_in_viewer_for_image2 page end end Then(/^the image metadata and the image itself should be there$/) do on(E2ETestPage) do |page| # MMV was launched, article is not visible now page.image1_in_article_element.should_not be_visible check_elements_in_viewer_for_image1 page end end Then(/^the image and metadata of the previous image should appear$/) do on(E2ETestPage) do |page| # MMV was launched, article is not visible yet page.image1_in_article_element.should_not be_visible check_elements_in_viewer_for_image1 page end end Then(/^the wiki article should be scrolled to the same position as before opening MMV$/) do on(E2ETestPage) do |page| @scrollDifference = page.execute_script("return $(window).scrollTop();") - @articleScrollTop @scrollDifference.abs.should be < 2 end end # Helper function that verifies the presence of various elements in viewer # while looking at image1 (Kerala) def check_elements_in_viewer_for_image1(page) # Check basic MMV elements are present page.mmv_overlay_element.when_present.should be_visible page.mmv_wrapper_element.when_present.should be_visible page.mmv_image_div_element.should be_visible # Check image content page.mmv_image_div_element.image_element.attribute('src').should match /Kerala/ # Check basic metadata is present # Title page.mmv_metadata_title_element.when_present.text.should match /Sunrise over fishing boats in Kerala/ # License page.mmv_metadata_license_element.when_present.attribute('href').should match /^http:\/\/creativecommons\.org\/licenses\/by-sa\/3\.0$/ page.mmv_metadata_license_element.when_present.text.should match /CC BY-SA 3.0/ # Credit page.mmv_metadata_credit_element.when_present.should be_visible page.mmv_metadata_source_element.when_present.text.should match /Own work/ # Image metadata page.mmv_image_metadata_wrapper_element.when_present.should be_visible # Caption page.mmv_image_metadata_caption_element.when_present.text.should match /Sunrise over fishing boats/ # Description page.mmv_image_metadata_desc_element.when_present.text.should match /Sunrise over fishing boats on the beach south of Kovalam/ # Image metadata links page.mmv_image_metadata_links_wrapper_element.when_present.should be_visible # Repo link page.mmv_image_metadata_repo_link_element.when_present.text.should match /Learn more on Wikimedia Commons/ page.mmv_image_metadata_repo_link_element.when_present.attribute('href').should match /boats_in_Kerala.jpg$/ # Category links page.mmv_image_metadata_category_links_wrapper_element.when_present.should be_visible # File usage page.mmv_image_metadata_fileusage_wrapper_element.when_present.should be_visible page.mmv_image_metadata_fileusage_wrapper_element.when_present.h3_element.text.should match /Used in [0-9] page/ page.mmv_image_metadata_fileusage_local_section_title_element.when_present.text.should match /On this site/ end # Helper function that verifies the presence of various elements in viewer # while looking at image2 (Aquarium) def check_elements_in_viewer_for_image2(page) # MMV was launched, article is not visible page.image1_in_article_element.should_not be_visible # Check basic MMV elements are present page.mmv_overlay_element.should be_visible page.mmv_wrapper_element.should be_visible page.mmv_image_div_element.should be_visible # Check image content page.mmv_image_div_element.image_element.attribute('src').should match /Offsite/ # Check basic metadata is present # Title page.mmv_metadata_title_element.when_present.text.should match /All Hands Offsite/ # License page.mmv_metadata_license_element.when_present.attribute('href').should match /^http:\/\/creativecommons\.org\/licenses\/by-sa\/3\.0$/ page.mmv_metadata_license_element.when_present.text.should match /CC BY-SA 3.0/ # Credit page.mmv_metadata_credit_element.when_present.should be_visible page.mmv_metadata_source_element.when_present.text.should match /Wikimedia Foundation/ # Image metadata page.mmv_image_metadata_wrapper_element.when_present.should be_visible # Caption page.mmv_image_metadata_caption_element.when_present.text.should match /Tropical Fish Aquarium/ # Description page.mmv_image_metadata_desc_element.when_present.text.should match /Photo from Wikimedia Foundation/ # Image metadata links page.mmv_image_metadata_links_wrapper_element.when_present.should be_visible # Repo link page.mmv_image_metadata_repo_link_element.when_present.text.should match /Learn more on Wikimedia Commons/ page.mmv_image_metadata_repo_link_element.when_present.attribute('href').should match /All_Hands_Offsite.*\.jpg$/ # Category links page.mmv_image_metadata_category_links_wrapper_element.when_present.should be_visible # File usage page.mmv_image_metadata_fileusage_wrapper_element.when_present.should be_visible page.mmv_image_metadata_fileusage_wrapper_element.when_present.h3_element.text.should match /Used in [0-9] page/ page.mmv_image_metadata_fileusage_local_section_title_element.when_present.text.should match /On this site/ end