user_posts_notes_spec.rb 5.19 KB
Newer Older
1
require 'rails_helper'
2

3
describe 'Merge request > User posts notes', :js do
4 5
  include NoteInteractionHelpers

6
  let(:project) { create(:project, :repository) }
7
  let(:user) { project.creator }
8 9 10 11 12 13 14 15 16
  let(:merge_request) do
    create(:merge_request, source_project: project, target_project: project)
  end
  let!(:note) do
    create(:note_on_merge_request, :with_attachment, noteable: merge_request,
                                                     project: project)
  end

  before do
17 18
    project.add_master(user)
    sign_in(user)
19
    visit project_merge_request_path(project, merge_request)
20 21 22 23 24 25 26
  end

  subject { page }

  describe 'the note form' do
    it 'is valid' do
      is_expected.to have_css('.js-main-target-form', visible: true, count: 1)
27 28
      expect(find('.js-main-target-form .js-comment-button').value)
        .to eq('Comment')
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
      page.within('.js-main-target-form') do
        expect(page).not_to have_link('Cancel')
      end
    end

    describe 'with text' do
      before do
        page.within('.js-main-target-form') do
          fill_in 'note[note]', with: 'This is awesome'
        end
      end

      it 'has enable submit button and preview button' do
        page.within('.js-main-target-form') do
          expect(page).not_to have_css('.js-comment-button[disabled]')
          expect(page).to have_css('.js-md-preview-button', visible: true)
        end
      end
    end
  end

  describe 'when posting a note' do
    before do
      page.within('.js-main-target-form') do
        fill_in 'note[note]', with: 'This is awesome!'
        find('.js-md-preview-button').click
        click_button 'Comment'
      end
    end

    it 'is added and form reset' do
      is_expected.to have_content('This is awesome!')
      page.within('.js-main-target-form') do
        expect(page).to have_no_field('note[note]', with: 'This is awesome!')
        expect(page).to have_css('.js-md-preview', visible: :hidden)
      end
      page.within('.js-main-target-form') do
        is_expected.to have_css('.js-note-text', visible: true)
      end
    end
  end

71 72 73 74 75 76 77 78 79 80 81 82 83 84 85
  describe 'when previewing a note' do
    it 'shows the toolbar buttons when editing a note' do
      page.within('.js-main-target-form') do
        expect(page).to have_css('.md-header-toolbar.active')
      end
    end

    it 'hides the toolbar buttons when previewing a note' do
      find('.js-md-preview-button').click
      page.within('.js-main-target-form') do
        expect(page).not_to have_css('.md-header-toolbar.active')
      end
    end
  end

86 87 88 89 90 91 92 93 94
  describe 'when editing a note' do
    it 'there should be a hidden edit form' do
      is_expected.to have_css('.note-edit-form:not(.mr-note-edit-form)', visible: false, count: 1)
      is_expected.to have_css('.note-edit-form.mr-note-edit-form', visible: false, count: 1)
    end

    describe 'editing the note' do
      before do
        find('.note').hover
95

96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
        find('.js-note-edit').click
      end

      it 'shows the note edit form and hide the note body' do
        page.within("#note_#{note.id}") do
          expect(find('.current-note-edit-form', visible: true)).to be_visible
          expect(find('.note-edit-form', visible: true)).to be_visible
          expect(find(:css, '.note-body > .note-text', visible: false)).not_to be_visible
        end
      end

      it 'resets the edit note form textarea with the original content of the note if cancelled' do
        within('.current-note-edit-form') do
          fill_in 'note[note]', with: 'Some new content'
          find('.btn-cancel').click
          expect(find('.js-note-text', visible: false).text).to eq ''
        end
      end

      it 'allows using markdown buttons after saving a note and then trying to edit it again' do
        page.within('.current-note-edit-form') do
          fill_in 'note[note]', with: 'This is the new content'
          find('.btn-save').click
        end

121
        wait_for_requests
122
        find('.note').hover
123

124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140
        find('.js-note-edit').click

        page.within('.current-note-edit-form') do
          expect(find('#note_note').value).to eq('This is the new content')
          find('.js-md:first-child').click
          expect(find('#note_note').value).to eq('This is the new content****')
        end
      end

      it 'appends the edited at time to the note' do
        page.within('.current-note-edit-form') do
          fill_in 'note[note]', with: 'Some new content'
          find('.btn-save').click
        end

        page.within("#note_#{note.id}") do
          is_expected.to have_css('.note_edited_ago')
141 142
          expect(find('.note_edited_ago').text)
            .to match(/less than a minute ago/)
143 144 145 146 147 148 149
        end
      end
    end

    describe 'deleting an attachment' do
      before do
        find('.note').hover
150

151 152 153 154 155 156 157 158 159 160
        find('.js-note-edit').click
      end

      it 'shows the delete link' do
        page.within('.note-attachment') do
          is_expected.to have_css('.js-note-attachment-delete')
        end
      end

      it 'removes the attachment div and resets the edit form' do
161
        accept_confirm { find('.js-note-attachment-delete').click }
162 163
        is_expected.not_to have_css('.note-attachment')
        is_expected.not_to have_css('.current-note-edit-form')
164
        wait_for_requests
165 166 167 168
      end
    end
  end
end