Some users might not be able to touch the icon due to a motor disability. Other users might think the "Menu" text is part of the button and try to touch it instead. Making the "Menu" text part of the button makes it easier to show/hide this menu. Besides, it lets screen reader users with a small screen hear the word "Menu" associated to the button. We could simplify the HTML a bit more but Foundation's `hamburger` mixin uses the `::after` element with `position: absolute`, so we can't apply it directly to the button without making the CSS more complex.
178 lines
5.0 KiB
Ruby
178 lines
5.0 KiB
Ruby
require "rails_helper"
|
|
|
|
describe "Home" do
|
|
context "For not logged users" do
|
|
scenario "Welcome message" do
|
|
visit root_path
|
|
|
|
expect(page).to have_content "CONSUL"
|
|
end
|
|
|
|
scenario "Not display recommended section" do
|
|
create(:debate)
|
|
|
|
visit root_path
|
|
|
|
expect(page).not_to have_content "Recommendations that may interest you"
|
|
end
|
|
end
|
|
|
|
context "For signed in users" do
|
|
describe "Recommended" do
|
|
before do
|
|
proposal = create(:proposal, tag_list: "Sport")
|
|
user = create(:user, followables: [proposal])
|
|
login_as(user)
|
|
end
|
|
|
|
scenario "Display recommended section when feature flag recommended is active" do
|
|
create(:debate, tag_list: "Sport")
|
|
|
|
visit root_path
|
|
|
|
expect(page).to have_content "Recommendations that may interest you"
|
|
end
|
|
|
|
scenario "Not display recommended section when feature flag recommended is not active" do
|
|
create(:debate, tag_list: "Sport")
|
|
Setting["feature.user.recommendations"] = false
|
|
|
|
visit root_path
|
|
|
|
expect(page).not_to have_content "Recommendations that may interest you"
|
|
end
|
|
|
|
scenario "Display debates" do
|
|
debate = create(:debate, tag_list: "Sport")
|
|
|
|
visit root_path
|
|
|
|
expect(page).to have_content debate.title
|
|
expect(page).to have_content debate.description
|
|
end
|
|
|
|
scenario "Display all recommended debates link" do
|
|
create(:debate, tag_list: "Sport")
|
|
|
|
visit root_path
|
|
|
|
expect(page).to have_link("All recommended debates", href: debates_path(order: "recommendations"))
|
|
end
|
|
|
|
scenario "Display proposal" do
|
|
proposal = create(:proposal, tag_list: "Sport")
|
|
|
|
visit root_path
|
|
|
|
expect(page).to have_content proposal.title
|
|
expect(page).to have_content proposal.description
|
|
end
|
|
|
|
scenario "Display all recommended proposals link" do
|
|
create(:proposal, tag_list: "Sport")
|
|
|
|
visit root_path
|
|
|
|
expect(page).to have_link("All recommended proposals", href: proposals_path(order: "recommendations"))
|
|
end
|
|
|
|
scenario "Display orbit carrousel" do
|
|
create_list(:debate, 3, tag_list: "Sport")
|
|
|
|
visit root_path
|
|
|
|
expect(page).to have_selector("li[data-slide='0']")
|
|
expect(page).to have_selector("li[data-slide='1']", visible: :hidden)
|
|
expect(page).to have_selector("li[data-slide='2']", visible: :hidden)
|
|
end
|
|
|
|
scenario "Display recommended show when click on carousel" do
|
|
debate = create(:debate, tag_list: "Sport")
|
|
|
|
visit root_path
|
|
|
|
within("#section_recommended") do
|
|
click_on debate.title
|
|
end
|
|
|
|
expect(page).to have_current_path(debate_path(debate))
|
|
end
|
|
|
|
scenario "Do not display recommended section when there are not debates and proposals" do
|
|
visit root_path
|
|
expect(page).not_to have_content "Recommendations that may interest you"
|
|
end
|
|
end
|
|
end
|
|
|
|
describe "IE alert", :no_js do
|
|
scenario "IE visitors are presented with an alert until they close it", :page_driver do
|
|
# Selenium API does not include page request/response inspection methods
|
|
# so we must use Capybara::RackTest driver to set the browser's headers
|
|
Capybara.current_session.driver.header(
|
|
"User-Agent",
|
|
"Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)"
|
|
)
|
|
|
|
visit root_path
|
|
expect(page).to have_xpath(ie_alert_box_xpath)
|
|
expect(page.driver.request.cookies["ie_alert_closed"]).to be_nil
|
|
|
|
# faking close button, since a normal find and click
|
|
# will not work as the element is inside a HTML conditional comment
|
|
page.driver.browser.set_cookie("ie_alert_closed=true")
|
|
|
|
visit root_path
|
|
expect(page).not_to have_xpath(ie_alert_box_xpath)
|
|
expect(page.driver.request.cookies["ie_alert_closed"]).to eq("true")
|
|
end
|
|
|
|
scenario "non-IE visitors are not bothered with IE alerts", :page_driver do
|
|
visit root_path
|
|
expect(page).not_to have_xpath(ie_alert_box_xpath)
|
|
expect(page.driver.request.cookies["ie_alert_closed"]).to be_nil
|
|
end
|
|
|
|
def ie_alert_box_xpath
|
|
"/html/body/div[@class='wrapper ']/comment()[contains(.,'ie-callout')]"
|
|
end
|
|
end
|
|
|
|
describe "Menu button" do
|
|
scenario "is not present on large screens" do
|
|
visit root_path
|
|
|
|
expect(page).not_to have_button "Menu"
|
|
end
|
|
|
|
scenario "toggles the menu on small screens", :small_window do
|
|
visit root_path
|
|
|
|
expect(page).not_to have_link "Sign in"
|
|
|
|
click_button "Menu"
|
|
|
|
expect(page).to have_link "Sign in"
|
|
end
|
|
end
|
|
|
|
scenario "if there are cards, the 'featured' title will render" do
|
|
create(:widget_card,
|
|
title: "Card text",
|
|
description: "Card description",
|
|
link_text: "Link text",
|
|
link_url: "consul.dev"
|
|
)
|
|
|
|
visit root_path
|
|
|
|
expect(page).to have_css(".title", text: "Featured")
|
|
end
|
|
|
|
scenario "if there are no cards, the 'featured' title will not render" do
|
|
visit root_path
|
|
|
|
expect(page).not_to have_css(".title", text: "Featured")
|
|
end
|
|
end
|