# Page Object describing Headings, Flyouts, and Overlay in Echo
class ArticlePage
  include PageObject

  h1(:first_heading, id: 'firstHeading')

  li(:notifications_alert, css: '#pt-notifications-alert')
  li(:notifications_message, css: '#pt-notifications-message')
  link(:notifications_badge_alert, css: '#pt-notifications-alert a')
  link(:notifications_badge_message, css: '#pt-notifications-message a')
  div(:popup_alert, css: '#pt-notifications-alert .mw-echo-ui-notificationBadgeButtonPopupWidget-popup')
  div(:popup_message, css: '#pt-notifications-message .mw-echo-ui-notificationBadgeButtonPopupWidget-popup')

  # Popup elements
  button(:mark_all_read_button, css: '.mw-echo-ui-notificationsWidget-markAllReadButton')
  def popup_title(popupElement)
    popupElement.when_present.span_element(css: '.oo-ui-popupWidget-head > .oo-ui-labelElement-label')
  end
  # span(:popup_title, css: '.oo-ui-popupWidget-head > .oo-ui-labelElement-label')

  # Notification elements
  a(:notification_option, css: '.mw-echo-ui-notificationOptionWidget')
  a(:notification_option_markRead, css: '.mw-echo-ui-notificationOptionWidget-markAsReadButton')
end