From 4b3172912edead385fd584a7902926e3ee9d5cbc Mon Sep 17 00:00:00 2001 From: decabeza Date: Wed, 13 Feb 2019 17:01:52 +0100 Subject: [PATCH] Add spec to show sticky button on mobile screens Also remove some unnecessary css lines that were causing some unrelated specs to fail. --- app/assets/stylesheets/layout.scss | 2 -- spec/features/proposals_spec.rb | 21 +++++++++++++++++++++ 2 files changed, 21 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss index a796ab5e8..ed1322275 100644 --- a/app/assets/stylesheets/layout.scss +++ b/app/assets/stylesheets/layout.scss @@ -446,8 +446,6 @@ header { background: $brand; border-bottom: 1px solid $border; margin-bottom: $line-height; - position: relative; - z-index: 10; .selected { border-bottom: 1px solid #fff; diff --git a/spec/features/proposals_spec.rb b/spec/features/proposals_spec.rb index c230a9422..e51f4701d 100644 --- a/spec/features/proposals_spec.rb +++ b/spec/features/proposals_spec.rb @@ -178,6 +178,27 @@ feature "Proposals" do end end + context "Show on mobile screens" do + + before do + Capybara.page.driver.browser.manage.window.resize_to(640, 480) + end + + after do + Capybara.page.driver.browser.manage.window.maximize + end + + scenario "Show support button sticky at bottom", :js do + proposal = create(:proposal) + visit proposal_path(proposal) + + within("#proposal_sticky") do + expect(page).to have_css(".is-stuck") + expect(page).not_to have_css(".is-anchored") + end + end + end + context "Embedded video" do scenario "Show YouTube video" do