review_post_and_reply.rb

#tester starts at 
# https://lemonsarebetter.herokuapp.com/widget.php?network=rainforestqa.fyre.co&site=383920&articleId=ekrfjherf34823&appType=reviews&userId=user1_9080908090


test(id: 191991, title: "Review Post and Reply") do
  # You can use any of the following variables in your code:
  # - []
  
  # Random number to append to user_ids
  Capybara.default_selector = :css
  random_num = rand(10000000...99999999).to_s
  
  user1_id = "user1_" + random_num
  user2_id = "user2_" + random_num

  # App url for the two different users
  base_url1 = "https://lemonsarebetter.herokuapp.com/widget.php?network=rainforestqa.fyre.co"\
    "&site=383920&articleId=ekrfjherf34823&appType=reviews&userId=user1_#{random_num}"
  base_url2 = "https://lemonsarebetter.herokuapp.com/widget.php?network=rainforestqa.fyre.co"\
    "&site=383920&articleId=ekrfjherf34823&appType=reviews&userId=user2_#{random_num}"

  window = Capybara.current_session.driver.browser.manage.window
  #window.maximize
  Capybara.default_selector
  step id: 1,
      action: "Review app url loads",
      response: "Do you see Review app loaded with 'Average User Rating', 'Rating Breakdown',"\
        " 'Sign in' option and 'Write review' button?" do
    # *** START EDITING HERE ***
 
    # action
    visit base_url1

    # response
    expect(page).to have_content('Average User Rating', wait: 30)
    expect(page).to have_content('Rating Breakdown')
    expect(page).to have_content('Sign in')
    expect(page).to have_content('Write review')

    page.save_screenshot('screenshot_step_1.png')
    # *** STOP EDITING HERE ***
  end

  step id: 2,
      action: "Click on 'Sign in' option",
      response: "Do you see next to avatar 'user1_{{random.number}}'?" do
    # *** START EDITING HERE ***
    
    # action
    page.find(:css, "a[role='button']", :text => 'Sign in').click
    
    # reponse
    expect(page).to have_selector(:css, "a[role='button']", :text => user1_id)

    page.save_screenshot('screenshot_step_2.png')
    # *** STOP EDITING HERE ***
  end

  step id: 3,
      action: "Click on 'Write review' button",
      response: "Do you see Review comment widget with 5 empty stars, 'Title...'' section,"\
        " empty comment section, and 'Post review' button?" do
   
    # *** START EDITING HERE ***

    # action
    page.find(:css, 'div.fyre-reviews-stats').hover
    click_link_or_button 'Write review'

    # response
    #within(:css, "div[class^='fyre-editor ']") do
    within(:css, ".fyre-editor.fyre-reviews-editor.fyre-editor-small") do  
      expect(page).to have_content("Post review")
      expect(page).to have_css('.goog-ratings')
      expect(find(:css, '.goog-ratings')['aria-valuenow']).to eql(nil)
      expect(page.find(:css, '.fyre-editor-title')['placeholder']).to eql("Title...")
      within_frame(find(:css, '[aria-label=editor]')) do
        expect(page.find(:css, 'p')['text']).to eql(nil)
      end
    end

    page.save_screenshot('screenshot_step_3.png')
    # *** STOP EDITING HERE ***
  end

  step id: 4,
      action: "Enter text in 'Title...', text in comment section and choose star rating from top right side,"\
        " then click 'Post review' button",
      response: "Do you see your review posted on the stream below with title, comment text, star options "\
        "selected in yellow and username?" do
    
    # *** START EDITING HERE ***
    title = "automation" + random_num
    review = "User1 Review " + random_num
    star_rating = rand(0...9)
    rating_perc = star_rating*10 + 10
    rating_style = "width: #{rating_perc}%;"

    # action
    #within(:css, "div[class^='fyre-editor ']") do
    within(:css, ".fyre-editor.fyre-reviews-editor.fyre-editor-small") do
      page.find("input[class='fyre-editor-title']").set(title)
      within_frame(find(:css, '[aria-label=editor]')) do
        page.find(:css, '.editable.fyre-editor-field>p').click
        page.find(:css, '.editable.fyre-editor-field>p').native.send_keys(review)
      end
      all(:css, "span[class*='ratings-star']")[star_rating].click
      page.find("div[role='button']", :text => 'Post review').click
    end

    # response
    within(:css, "article[data-author-id^='#{user1_id}']", wait: 10) do
      expect(page).not_to have_css('iframe', wait: 5)
      expect(page).to have_content(user1_id)
      expect(page).to have_content(title)
      expect(page).to have_content(review)
      expect(find(:css, ".fyre-reviews-rated>label")['style']).to eql(rating_style.to_s)  
    end

    page.save_screenshot('screenshot_step_4.png')
    # *** STOP EDITING HERE ***
  end

  step id: 5,
      action: "Go to user avatar and click on 'Sign out' option",
      response: "Do you see 'Sign in' option ?" do
   
    # *** START EDITING HERE ***

    # action
    page.find(:css, "a[role='button']", :text => user1_id).hover
    page.find(:css, "a[role='button']", :text => 'Sign out').click

    # response
    expect(page).to have_content('Sign in')

    # Currently the new post is not visible in a sorted list for up to 10 minutes. This is a bug.
    # => work around is to either wait 10 minutes or not use the sort by newest.
    for i in 1..11 do
      page.go_back
      sleep(30)
      page.go_forward
      sleep(30)
    end
    
    page.save_screenshot('screenshot_step_5.png')
    # *** STOP EDITING HERE ***
  end

  step id: 6,
    action: "Review app url loads",
    response: "Do you see Review app loaded with 'Average User Rating', 'Rating Breakdown', "\
      "'Sign in' option and 'Write review' button?" do
      
    # *** START EDITING HERE ***
    
    # action
    visit base_url2

    # response
    expect(page).to have_content('Average User Rating', wait: 15)
    expect(page).to have_content('Rating Breakdown')
    expect(page).to have_content('Sign in')
    expect(page).to have_content('Write review')

    page.save_screenshot('screenshot_step_6.png')
    # *** STOP EDITING HERE ***

  end
  
  
 step id: 7,
      action: "Click on 'Sign in' option",
      response: "Do you see next to avatar 'user2_{{random.number}}'?" do

    # *** START EDITING HERE ***

    # action
    page.find(:css, "a[role='button']", :text => 'Sign in').click

    # reponse 
    expect(page).to have_selector(:css, "a[role='button']", :text => user2_id)

    page.save_screenshot('screenshot_step_7.png')
    # *** STOP EDITING HERE ***

  end

  step id: 8,
      action: "Click on 'Most Helpful' sort option then click 'Newest' option",
      response: "Do you see user1's most recent comment shows up?" do
    # *** START EDITING HERE ***

    # action
    page.find(:css, 'div.fyre-reviews-stats').hover
    # Currently there is a bug that prevents using the latest because it takes 10 minutes for the Post to show up
    within(:css, '.fyre-stream-sort') do
      page.find(:css, 'label', :text => 'Most helpful').click
      page.find(:css, 'a', :text => 'Newest').click
    end

    # response
    expect(page).to have_selector(:css, "article[data-author-id^='#{user1_id}']")

    page.save_screenshot('screenshot_step_8.png')
    # *** STOP EDITING HERE ***

  end

  step id: 9,
      action: "Click on the 'Reply' option from top comment.",
      response: "Do you see a comment widget show up with 'Share' and 'Post' button ?" do

    # *** START EDITING HERE ***
    

    # action
    page.find(:css, "article[data-author-id^='#{user1_id}']").find("a", :text => 'Reply').click
    
    # response
    within(:css, "article[data-author-id^='#{user1_id}']") do
      expect(page).to have_content('Post')
      expect(page).to have_content('Share')
      within_frame(find(:css, '[aria-label=editor]')) do
        expect(page.find(:css, 'p')['text']).to eql(nil)
      end
    end

    page.save_screenshot('screenshot_step_9.png')
    # *** STOP EDITING HERE ***

  end

  
  step id: 10,
      action: "Enter text in the reply comment widget and click 'Post' button",
      response: "Do you see your reply get posted and the reply count increments, also empty reply comment widget ?" do

    # *** START EDITING HERE ***
    
    reply = "User2 Reply " + random_num

    # action
    within(:css, "article[data-author-id^='#{user1_id}']") do
      within_frame(find(:css, '[aria-label=editor]')) do
        page.find(:css, '.editable.fyre-editor-field>p').click
        page.find(:css, '.editable.fyre-editor-field>p').native.send_keys(reply)
      end    
      page.find("div[role='button']", :text => 'Post').click
    end
    sleep(1)

    # response
    within(:css, "article[data-author-id^='#{user1_id}']", wait: 15) do
      within(:css, "article[data-author-id^='#{user2_id}']") do
        expect(page).to have_content(reply)
        expect(page).to have_content(user2_id)
      end
    end

    page.save_screenshot('screenshot_step_10.png')
    # *** STOP EDITING HERE ***

  end

  step id: 11,
      action: "Click the '1 Reply' option again.",
      response: "Do you see Reply comment widget closes ?
" do
   
    # *** START EDITING HERE ***
    
    # action
    within(:css, "article[data-author-id^='#{user1_id}']") do
      expect(page).to have_selector(:css, 'iframe')
      page.find(:css, "a", :text => '1 Reply').click
    end

    # response
    within(:css, "article[data-author-id^='#{user1_id}']") do
      expect(page).not_to have_selector(:css, 'iframe', wait: 10)
    end
    
    #page.find(:css, "a[role='button']", :text => user2_id).hover
    #page.find(:css, "a[role='button']", :text => 'Sign out').click

    page.save_screenshot('screenshot_step_11.png')
    # *** STOP EDITING HERE ***

  end

end