Commit 625ecdbc authored by Clement Ho's avatar Clement Ho

Create dropdown hint spec

parent 61680a2d
require 'rails_helper'
describe 'Dropdown hint', js: true, feature: true do
include WaitForAjax
let!(:project) { create(:empty_project) }
let!(:user) { create(:user) }
let(:filtered_search) { find('.filtered-search') }
before do
project.team << [user, :master]
login_as(user)
create(:issue, project: project)
visit namespace_project_issues_path(project.namespace, project)
end
describe 'behavior' do
before do
expect(page).to have_css('#js-dropdown-hint', visible: false)
filtered_search.click();
end
it 'opens when the search bar is first focused' do
expect(page).to have_css('#js-dropdown-hint', visible: true)
end
it 'closes when the search bar is unfocused' do
find('body').click();
expect(page).to have_css('#js-dropdown-hint', visible: false)
end
end
describe 'filtering' do
it 'does not filter `Keep typing and press Enter`' do
filtered_search.set('randomtext')
expect(page).to have_css('#js-dropdown-hint', text: 'Keep typing and press Enter', visible: false)
expect(page.all('#js-dropdown-hint .filter-dropdown .filter-dropdown-item').size).to eq(0)
end
it 'filters with text' do
filtered_search.set('a')
expect(page.all('#js-dropdown-hint .filter-dropdown .filter-dropdown-item').size).to eq(3)
end
end
describe 'selecting from dropdown with no input' do
before do
filtered_search.click
end
it 'opens the author dropdown when you click on author' do
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'author').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-author', visible: true)
expect(filtered_search.value).to eq('author:')
end
it 'opens the assignee dropdown when you click on assignee' do
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'assignee').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-assignee', visible: true)
expect(filtered_search.value).to eq('assignee:')
end
it 'opens the milestone dropdown when you click on milestone' do
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'milestone').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-milestone', visible: true)
expect(filtered_search.value).to eq('milestone:')
end
it 'opens the label dropdown when you click on label' do
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'label').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-label', visible: true)
expect(filtered_search.value).to eq('label:')
end
end
describe 'selecting from dropdown with some input' do
it 'opens the author dropdown when you click on author' do
filtered_search.set('auth')
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'author').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-author', visible: true)
expect(filtered_search.value).to eq('author:')
end
it 'opens the assignee dropdown when you click on assignee' do
filtered_search.set('assign')
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'assignee').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-assignee', visible: true)
expect(filtered_search.value).to eq('assignee:')
end
it 'opens the milestone dropdown when you click on milestone' do
filtered_search.set('mile')
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'milestone').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-milestone', visible: true)
expect(filtered_search.value).to eq('milestone:')
end
it 'opens the label dropdown when you click on label' do
filtered_search.set('lab')
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: 'label').click
expect(page).to have_css('#js-dropdown-hint', visible: false)
expect(page).to have_css('#js-dropdown-label', visible: true)
expect(filtered_search.value).to eq('label:')
end
end
end
...@@ -14,6 +14,11 @@ describe 'Search bar', js: true, feature: true do ...@@ -14,6 +14,11 @@ describe 'Search bar', js: true, feature: true do
visit namespace_project_issues_path(project.namespace, project) visit namespace_project_issues_path(project.namespace, project)
end end
def getLeftStyle(style)
leftStyle = /left:\s\d*[.]\d*px/.match(style)
leftStyle.to_s.gsub('left: ', '').to_f;
end
describe 'clear search button' do describe 'clear search button' do
it 'clears text' do it 'clears text' do
search_text = 'search_text' search_text = 'search_text'
...@@ -49,5 +54,33 @@ describe 'Search bar', js: true, feature: true do ...@@ -49,5 +54,33 @@ describe 'Search bar', js: true, feature: true do
expect(page).to have_css('.clear-search', visible: true) expect(page).to have_css('.clear-search', visible: true)
end end
it 'resets the dropdown hint filter' do
filtered_search = find('.filtered-search')
filtered_search.click();
original_size = page.all('#js-dropdown-hint .filter-dropdown .filter-dropdown-item').size
filtered_search.set('author')
expect(page.all('#js-dropdown-hint .filter-dropdown .filter-dropdown-item').size).to eq(1)
find('.filtered-search-input-container .clear-search').click
filtered_search.click()
expect(page.all('#js-dropdown-hint .filter-dropdown .filter-dropdown-item').size).to eq(original_size)
end
it 'resets the dropdown filters' do
filtered_search = find('.filtered-search')
filtered_search.set('a')
hintStyle = page.find('#js-dropdown-hint')['style']
hintOffset = getLeftStyle(hintStyle)
filtered_search.set('author:')
expect(page.all('#js-dropdown-hint .filter-dropdown .filter-dropdown-item').size).to eq(0)
find('.filtered-search-input-container .clear-search').click
filtered_search.click()
expect(page.all('#js-dropdown-hint .filter-dropdown .filter-dropdown-item').size).to be > 0
expect(getLeftStyle(page.find('#js-dropdown-hint')['style'])).to eq (hintOffset)
end
end end
end end
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment