2016-12-16 07:05:27 +00:00
|
|
|
require 'rails_helper'
|
|
|
|
|
2017-06-29 04:13:10 +00:00
|
|
|
describe 'Dropdown hint', :js do
|
2017-01-30 22:53:18 +00:00
|
|
|
include FilteredSearchHelpers
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
let!(:project) { create(:project, :public) }
|
2016-12-16 07:05:27 +00:00
|
|
|
let!(:user) { create(:user) }
|
|
|
|
let(:filtered_search) { find('.filtered-search') }
|
2016-12-16 22:25:52 +00:00
|
|
|
let(:js_dropdown_hint) { '#js-dropdown-hint' }
|
|
|
|
|
|
|
|
def click_hint(text)
|
|
|
|
find('#js-dropdown-hint .filter-dropdown .filter-dropdown-item', text: text).click
|
|
|
|
end
|
2016-12-16 07:08:07 +00:00
|
|
|
|
2016-12-16 07:05:27 +00:00
|
|
|
before do
|
2017-12-22 08:18:28 +00:00
|
|
|
project.add_master(user)
|
2016-12-16 07:05:27 +00:00
|
|
|
create(:issue, project: project)
|
|
|
|
end
|
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
context 'when user not logged in' do
|
2016-12-16 07:05:27 +00:00
|
|
|
before do
|
2017-08-30 07:48:55 +00:00
|
|
|
visit project_issues_path(project)
|
2016-12-16 07:05:27 +00:00
|
|
|
end
|
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'does not exist my-reaction dropdown item' do
|
2016-12-16 22:25:52 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).not_to have_content('my-reaction')
|
2016-12-16 07:05:27 +00:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
context 'when user logged in' do
|
|
|
|
before do
|
|
|
|
sign_in(user)
|
2017-04-07 13:57:03 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
visit project_issues_path(project)
|
2016-12-16 07:05:27 +00:00
|
|
|
end
|
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
describe 'behavior' do
|
|
|
|
before do
|
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
filtered_search.click
|
|
|
|
end
|
2017-01-12 01:47:42 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'opens when the search bar is first focused' do
|
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: true)
|
|
|
|
end
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'closes when the search bar is unfocused' do
|
|
|
|
find('body').click
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
end
|
2016-12-16 07:05:27 +00:00
|
|
|
end
|
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
describe 'filtering' do
|
|
|
|
it 'does not filter `Press Enter or click to search`' do
|
|
|
|
filtered_search.set('randomtext')
|
2017-01-12 01:47:42 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
hint_dropdown = find(js_dropdown_hint)
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(hint_dropdown).to have_content('Press Enter or click to search')
|
|
|
|
expect(hint_dropdown).to have_selector('.filter-dropdown .filter-dropdown-item', count: 0)
|
|
|
|
end
|
2017-01-12 01:47:42 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'filters with text' do
|
|
|
|
filtered_search.set('a')
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(find(js_dropdown_hint)).to have_selector('.filter-dropdown .filter-dropdown-item', count: 4)
|
|
|
|
end
|
2016-12-16 07:05:27 +00:00
|
|
|
end
|
2017-01-12 01:47:42 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
describe 'selecting from dropdown with no input' do
|
|
|
|
before do
|
|
|
|
filtered_search.click
|
|
|
|
end
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'opens the author dropdown when you click on author' do
|
|
|
|
click_hint('author')
|
2017-01-12 01:47:42 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-author', visible: true)
|
|
|
|
expect_tokens([{ name: 'author' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'opens the assignee dropdown when you click on assignee' do
|
|
|
|
click_hint('assignee')
|
2017-01-12 01:47:42 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-assignee', visible: true)
|
|
|
|
expect_tokens([{ name: 'assignee' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
2016-12-16 07:05:27 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'opens the milestone dropdown when you click on milestone' do
|
|
|
|
click_hint('milestone')
|
2017-01-12 01:47:42 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-milestone', visible: true)
|
|
|
|
expect_tokens([{ name: 'milestone' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
2017-01-30 22:53:18 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'opens the label dropdown when you click on label' do
|
|
|
|
click_hint('label')
|
2017-01-30 22:53:18 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-label', visible: true)
|
|
|
|
expect_tokens([{ name: 'label' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
2017-01-30 22:53:18 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'opens the emoji dropdown when you click on my-reaction' do
|
|
|
|
click_hint('my-reaction')
|
2017-01-30 22:53:18 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-my-reaction', visible: true)
|
|
|
|
expect_tokens([{ name: 'my-reaction' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
2017-01-30 22:53:18 +00:00
|
|
|
end
|
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
describe 'selecting from dropdown with some input' do
|
|
|
|
it 'opens the author dropdown when you click on author' do
|
|
|
|
filtered_search.set('auth')
|
|
|
|
click_hint('author')
|
2017-01-30 22:53:18 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-author', visible: true)
|
|
|
|
expect_tokens([{ name: 'author' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
2017-01-30 22:53:18 +00:00
|
|
|
|
2017-08-30 07:48:55 +00:00
|
|
|
it 'opens the assignee dropdown when you click on assignee' do
|
|
|
|
filtered_search.set('assign')
|
|
|
|
click_hint('assignee')
|
|
|
|
|
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-assignee', visible: true)
|
|
|
|
expect_tokens([{ name: 'assignee' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'opens the milestone dropdown when you click on milestone' do
|
|
|
|
filtered_search.set('mile')
|
|
|
|
click_hint('milestone')
|
|
|
|
|
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-milestone', visible: true)
|
|
|
|
expect_tokens([{ name: 'milestone' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'opens the label dropdown when you click on label' do
|
|
|
|
filtered_search.set('lab')
|
|
|
|
click_hint('label')
|
|
|
|
|
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-label', visible: true)
|
|
|
|
expect_tokens([{ name: 'label' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'opens the emoji dropdown when you click on my-reaction' do
|
|
|
|
filtered_search.set('my')
|
|
|
|
click_hint('my-reaction')
|
|
|
|
|
|
|
|
expect(page).to have_css(js_dropdown_hint, visible: false)
|
|
|
|
expect(page).to have_css('#js-dropdown-my-reaction', visible: true)
|
|
|
|
expect_tokens([{ name: 'my-reaction' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
describe 'reselecting from dropdown' do
|
|
|
|
it 'reuses existing author text' do
|
|
|
|
filtered_search.send_keys('author:')
|
|
|
|
filtered_search.send_keys(:backspace)
|
2018-01-02 13:12:54 +00:00
|
|
|
filtered_search.send_keys(:backspace)
|
2017-08-30 07:48:55 +00:00
|
|
|
click_hint('author')
|
|
|
|
|
|
|
|
expect_tokens([{ name: 'author' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'reuses existing assignee text' do
|
|
|
|
filtered_search.send_keys('assignee:')
|
|
|
|
filtered_search.send_keys(:backspace)
|
2018-01-02 13:12:54 +00:00
|
|
|
filtered_search.send_keys(:backspace)
|
2017-08-30 07:48:55 +00:00
|
|
|
click_hint('assignee')
|
|
|
|
|
|
|
|
expect_tokens([{ name: 'assignee' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'reuses existing milestone text' do
|
|
|
|
filtered_search.send_keys('milestone:')
|
|
|
|
filtered_search.send_keys(:backspace)
|
2018-01-02 13:12:54 +00:00
|
|
|
filtered_search.send_keys(:backspace)
|
2017-08-30 07:48:55 +00:00
|
|
|
click_hint('milestone')
|
|
|
|
|
|
|
|
expect_tokens([{ name: 'milestone' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'reuses existing label text' do
|
|
|
|
filtered_search.send_keys('label:')
|
|
|
|
filtered_search.send_keys(:backspace)
|
2018-01-02 13:12:54 +00:00
|
|
|
filtered_search.send_keys(:backspace)
|
2017-08-30 07:48:55 +00:00
|
|
|
click_hint('label')
|
|
|
|
|
|
|
|
expect_tokens([{ name: 'label' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
|
|
|
|
|
|
|
it 'reuses existing emoji text' do
|
|
|
|
filtered_search.send_keys('my-reaction:')
|
|
|
|
filtered_search.send_keys(:backspace)
|
2018-01-02 13:12:54 +00:00
|
|
|
filtered_search.send_keys(:backspace)
|
2017-08-30 07:48:55 +00:00
|
|
|
click_hint('my-reaction')
|
|
|
|
|
|
|
|
expect_tokens([{ name: 'my-reaction' }])
|
|
|
|
expect_filtered_search_input_empty
|
|
|
|
end
|
2016-12-16 07:05:27 +00:00
|
|
|
end
|
|
|
|
end
|
|
|
|
end
|