abec716308
Defining a behavior on hover means making it different for people using a keyboard or a touchscreen (most of the population, nowadays). In this case, we had an accessibility issue where the message wouldn't disappear once it appeared. That meant that, after tabbing through all the links and buttons in, for instance, the debates index, the page would be filled with "participation not allowed" messages, and in order to see the information about how many people have voted, reloading the page was required. For touchscreen users the behavior was similar to what we get on hover, although we've found some inconsistencies when trying to support several elements on the same page. We think in proposals it makes sense to hide the "support" button when users click on it, and the same applies to the buttonsto support and vote investment projects. However, we aren't hiding the buttons to agree/disagree with a debate in order to keep the information about the current number of people agreeing and disagreeing visible. Note we're removing some support spec methods because after these changes the duplication isn't as obvious as it was in the past.
48 lines
1.6 KiB
Ruby
48 lines
1.6 KiB
Ruby
require "rails_helper"
|
|
|
|
describe Budgets::Investments::BallotComponent do
|
|
describe "vote investment button" do
|
|
let(:budget) { create(:budget, :balloting) }
|
|
let(:investment) { create(:budget_investment, :selected, title: "New Sports Center", budget: budget) }
|
|
let(:component) do
|
|
Budgets::Investments::BallotComponent.new(
|
|
investment: investment,
|
|
investment_ids: [],
|
|
ballot: Budget::Ballot.where(budget: budget, user: controller.current_user).first_or_create!,
|
|
assigned_heading: nil
|
|
)
|
|
end
|
|
|
|
it "is shown alongside a 'not allowed' message to unverified users" do
|
|
sign_in(create(:user))
|
|
|
|
render_inline component
|
|
|
|
expect(page).to have_button "Vote"
|
|
expect(page).to have_content "Only verified users can vote on investments; verify your account."
|
|
end
|
|
|
|
it "is shown to verified users" do
|
|
sign_in(create(:user, :level_two))
|
|
|
|
render_inline component
|
|
|
|
expect(page).to have_button count: 1
|
|
expect(page).to have_button "Vote", title: "Support this project"
|
|
expect(page).to have_button "Vote New Sports Center"
|
|
expect(page).not_to have_button "Remove vote", disabled: :all
|
|
end
|
|
|
|
it "is replaced with a button to remove the vote when the user has already voted" do
|
|
sign_in(create(:user, :level_two, ballot_lines: [investment]))
|
|
|
|
render_inline component
|
|
|
|
expect(page).to have_button count: 1
|
|
expect(page).to have_button "Remove vote"
|
|
expect(page).to have_button "Remove your vote for New Sports Center"
|
|
expect(page).not_to have_button "Vote", disabled: :all
|
|
end
|
|
end
|
|
end
|