class E2ETestPage < CommonsPage
  include PageObject

  page_url URL.url("MediaViewerE2ETest")

  # Tag page elements that we will need.

  # First image in lightbox demo page
  a(:image1_in_article, class: "image", href: /Kerala\.jpg$/)

  a(:other_image_in_article, href: /Academy_of_Sciences\.jpg$/)

  # Black overlay
  div(:mmv_overlay, class: "mw-mmv-overlay")

  # Wrapper div for all mmv elements
  div(:mmv_wrapper, class: "mw-mmv-wrapper")

  # Wrapper div for image
  div(:mmv_image_div, class: "mw-mmv-image")

  # Metadata elements
  span(:mmv_metadata_title, class: "mw-mmv-title")
  a(:mmv_metadata_license, class: "mw-mmv-license cc-license")
  p(:mmv_metadata_credit, class: "mw-mmv-credit")
  span(:mmv_metadata_source, class: "mw-mmv-source")

  div(:mmv_image_metadata_wrapper, class: "mw-mmv-image-metadata")
  p(:mmv_image_metadata_caption, class: "mw-mmv-caption")
  p(:mmv_image_metadata_desc, class: "mw-mmv-image-desc")

  ul(:mmv_image_metadata_links_wrapper, class: "mw-mmv-image-links")
  a(:mmv_image_metadata_repo_link, class: "mw-mmv-repo")

  # Controls
  div(:mmv_next_button, class: "mw-mmv-next-image")
  div(:mmv_previous_button, class: "mw-mmv-prev-image")
  div(:mmv_close_button, class: "mw-mmv-close")
  div(:mmv_image_loaded_cucumber, class: "mw-mmv-image-loaded-cucumber")
end