openproject/spec/features/work_packages/attachments/attachment_upload_spec.rb

require 'spec_helper'
require 'features/page_objects/notification'

describe 'Upload attachment to work package', js: true do
  let(:dev_role) do
    FactoryBot.create :role,
                      permissions: %i[view_work_packages add_work_packages edit_work_packages]
  end
  let(:dev) do
    FactoryBot.create :user,
                      firstname: 'Dev',
                      lastname: 'Guy',
                      member_in_project: project,
                      member_through_role: dev_role
  end
  let(:project) { FactoryBot.create(:project) }
  let(:work_package) { FactoryBot.create(:work_package, project: project, description: 'Initial description') }
  let(:wp_page) { ::Pages::FullWorkPackage.new(work_package, project) }
  let(:attachments) { ::Components::Attachments.new }
  let(:field) { WorkPackageEditorField.new wp_page, 'description' }
  let(:image_fixture) {  Rails.root.join('spec/fixtures/files/image.png') }

  before do
    login_as(dev)
    wp_page.visit!
  end

  describe 'wysiwyg editor', with_settings: { text_formatting: 'markdown', use_wysiwyg?: 1 } do
    it 'can upload an image via drag & drop' do
      # Activate the edit field
      field.activate!
      target = find('.op-ckeditor-element')
      attachments.drag_and_drop_file(target, image_fixture)

      field.submit_by_click
      expect(field.display_element).to have_selector('img')
    end
  end

  describe 'attachment dropzone' do
    it 'can upload an image via attaching and drag & drop' do
      container = page.find('.wp-attachment-upload')
      scroll_to_element(container)

      ##
      # Attach file manually
      expect(page).to have_no_selector('.work-package--attachments--filename')
      attachments.attach_file_on_input(image_fixture)
      expect(page).to have_selector('.work-package--attachments--filename', text: 'image.png')

      sleep 2

      ##
      # and via drag & drop
      attachments.drag_and_drop_file(container, Rails.root.join('spec/fixtures/files/image.png'))
      expect(page).to have_selector('.work-package--attachments--filename', text: 'image.png', count: 2, wait: 10)
    end
  end
end