Given(/^I am translating the page "(.+?)" from (.+?) to (.+?)$/) do |page, from, to|
  language_code = {
    'Danish' => 'da',
    'English' => 'en',
    'Hebrew' => 'he'
  }
  visit(
    ContentTranslationPage,
    using_params: {
      extra: "page=#{page}&from=#{language_code[from]}&to=#{language_code[to]}"
    }
  )
end

When(/^I click the link in the notification bubble$/) do
  on(ContentTranslationPage).notification_link_element.click
end

When(/^I empty the editing area in the translation column$/) do
  on(ContentTranslationPage).empty_translation_editor
end

When(/^I press the "Publish Translation" button$/) do
  on(ContentTranslationPage).publish_translation
end

When(/^I write "(.*?)" in the editing area in the translation column$/) do |translation|
  on(ContentTranslationPage).translation_editor_element.send_keys(translation)
end

Then(/^I don't see a "Publish Translation" button$/) do
  on(ContentTranslationPage).publish_translation_element.should_not exist
end

Then(/^I don't see the (.+?) column$/) do |column_type|
  on(ContentTranslationPage).column(column_type).should_not exist
end

Then(/^I see a ".*?" link that points to the page "(.*?)" on the same wiki$/) do |page|
  page_in_url = page.gsub(' ', '_')
  on(ContentTranslationPage).view_page.attribute_value('href').should end_with(page_in_url)
end

Then(/^I see a "Publish Translation" button$/) do
  on(ContentTranslationPage).publish_translation_element.should be_visible
end

Then(/^I see a "view page" link in the source column$/) do
  on(ContentTranslationPage).view_page.should be_visible
end

Then(/^I see a language label saying "(.*?)" below the (.+?) column's title$/) do |language, column|
  on(ContentTranslationPage).language_label(column).text.should == language
end

Then(/^I should see a box pre\-filled with the text "(.*?)" above the second column$/) do |text|
  on(ContentTranslationPage).title('translation').text.should == text
end

Then(/^I see a notification bubble that begins with the words "(.*?)"$/) do |text|
  on(ContentTranslationPage).notification_bubble_element.when_present.text.should start_with(text)
end

Then(/^I see a source column with the text "(.*?)"$/) do |text|
  on(ContentTranslationPage).content('source').text.should == text
end

Then(/^I see a search box in the translation tools column$/) do
  on(ContentTranslationPage).search_box_element.should be_visible
end

Then(/^I see a translation column with an empty editing area$/) do
  on(ContentTranslationPage).translation_editor_element.text.should == ''
end

Then(/^I see a translation tools column$/) do
  on(ContentTranslationPage).column('tools').should be_visible
end

Then(/^I see a translation progress bar$/) do
  on(ContentTranslationPage).progress_bar_container_element.should be_visible
end

Then(/^I see the message "You must be logged in to translate in this page\."$/) do
  on(AnonErrorPage).content_text.should == 'You must be logged in to translate in this page.'
end

Then(/^I see the title "(.*?)" at the top of the source column$/) do |source_page_title|
  on(ContentTranslationPage).title('source').text.should == source_page_title
end

Then(/^I see the username at the top of the page$/) do
  on(ContentTranslationPage).user_name_element.text.should == ENV['MEDIAWIKI_USER']
end

Then(/^the content of the page is "(.*?)"$/) do |page_content|
  on(TranslatedPage).content_text_element.when_visible.text.should == page_content
end

Then(/^the direction of the (.+) column is "(.+)"$/) do |column_type, direction|
  on(ContentTranslationPage).column(column_type).attribute_value('dir').should == direction
end

Then(/^the first version in the history of the page ".+?" should have the tag ".+?"$/) do
  visit(TranslatedPageHistory).contenttranslation_tag_element.should be_visible
end

Then(/^the language code of the (.+) column should be "(.+)"$/) do |column_type, language_code|
  on(ContentTranslationPage).column(column_type).attribute_value('lang').should == language_code
end

Then(/^the page "(.+?)" is displayed$/) do |page_title|
  on(TranslatedPage).first_heading.should == page_title
end

Then(/^the "Publish Translation" button is disabled$/) do
  on(ContentTranslationPage).publish_translation_element.should be_disabled
end

Then(/^the "Publish Translation" button is enabled$/) do
  on(ContentTranslationPage).publish_translation_element.should be_enabled
end

Then(/^the source column text is not editable$/) do
  on(ContentTranslationPage).content('source').attribute_value('contenteditable').should.nil?
end

Then(/^the text near the translation progress bar says "(.*?)"$/) do |text|
  on(ContentTranslationPage).progress_bar_text.should == text
end

Then(/^the translation progress bar is in (\d+%) state$/) do |width|
  # The .style method returns the computed value in px,
  # but we need the specified CSS value, so we check it manually
  width_re = /width: #{width};/
  on(ContentTranslationPage).progress_bar_element.attribute('style').should match(width_re)
end