spec/features/projects/awards/user_interacts_with_awards_in_issue_spec.rb


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

require 'spec_helper'

describe 'User interacts with awards in an issue', :js do
  let(:issue) { create(:issue, project: project)}
  let(:project) { create(:project) }
  let(:user) { create(:user) }

  before do
    project.add_master(user)
    sign_in(user)

    visit(project_issue_path(project, issue))
  end

  it 'toggles the thumbsup award emoji' do
    page.within('.awards') do
      thumbsup = page.first('.award-control')
      thumbsup.click
      thumbsup.hover

      expect(page).to have_selector('.js-emoji-btn')
      expect(page).to have_css(".js-emoji-btn.active[data-original-title='You']")
      expect(page.find('.js-emoji-btn.active .js-counter')).to have_content('1')

      thumbsup = page.first('.award-control')
      thumbsup.click
      thumbsup.hover

      expect(page).to have_selector('.award-control.js-emoji-btn')
      expect(page.all('.award-control.js-emoji-btn').size).to eq(2)

      page.all('.award-control.js-emoji-btn').each do |element|
        expect(element['title']).to eq('')
      end

      page.all('.award-control .js-counter').each do |element|
        expect(element).to have_content('0')
      end

      thumbsup = page.first('.award-control')
      thumbsup.click
      thumbsup.hover

      expect(page).to have_selector('.js-emoji-btn')
      expect(page).to have_css(".js-emoji-btn.active[data-original-title='You']")
      expect(page.find('.js-emoji-btn.active .js-counter')).to have_content('1')
    end
  end

  it 'toggles a custom award emoji' do
    page.within('.awards') do
      page.find('.js-add-award').click
    end

    page.find('.emoji-menu.is-visible')

    expect(page).to have_selector('.js-emoji-menu-search')
    expect(page.evaluate_script("document.activeElement.classList.contains('js-emoji-menu-search')")).to eq(true)

    page.within('.emoji-menu-content') do
      emoji_button = page.first('.js-emoji-btn')
      emoji_button.hover
      emoji_button.click
    end

    page.within('.awards') do
      expect(page).to have_selector('.js-emoji-btn')
      expect(page.find('.js-emoji-btn.active .js-counter')).to have_content('1')
      expect(page).to have_css(".js-emoji-btn.active[data-original-title='You']")

      expect do
        page.find('.js-emoji-btn.active').click
        wait_for_requests
      end.to change { page.all('.award-control.js-emoji-btn').size }.from(3).to(2)
    end
  end

  it 'shows the list of award emoji categories' do
    page.within('.awards') do
      page.find('.js-add-award').click
    end

    page.find('.emoji-menu.is-visible')

    expect(page).to have_selector('.js-emoji-menu-search')
    expect(page.evaluate_script("document.activeElement.classList.contains('js-emoji-menu-search')")).to eq(true)

    fill_in('emoji-menu-search', with: 'hand')

    page.within('.emoji-menu-content') do
      expect(page).to have_selector('[data-name="raised_hand"]')
    end
  end

  it 'adds an award emoji by a comment' do
    page.within('.js-main-target-form') do
      fill_in('note[note]', with: ':smile:')

      click_button('Comment')
    end

    expect(page).to have_selector('gl-emoji[data-name="smile"]')
  end
end