zammad/test/browser/agent_ticket_attachment_test.rb

# Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/

require 'browser_test_helper'

class AgentTicketAttachmentTest < TestCase
  def test_ticket

    @browser = browser_instance
    login(
      username: 'agent1@example.com',
      password: 'test',
      url:      browser_url,
    )
    tasks_close_all

    #
    # attachment checks - new ticket
    #

    # create new ticket with no attachment, attachment check should pop up
    ticket_create(
      data:          {
        customer: 'nico',
        group:    'Users',
        title:    'test 6 - ticket 1',
        body:     'test 6 - ticket 1 - with the word attachment, but not attachment atteched it should give an warning on submit',
      },
      do_not_submit: true,
    )
    sleep 1

    # submit form
    click(css: '.content.active .js-submit', expect_alert: true)

    # since selenium webdriver with firefox is not able to upload files, skipp here
    # https://github.com/w3c/webdriver/issues/1230
    return if browser == 'firefox'

    # add attachment, attachment check should quiet
    file_upload(
      css:   '.content.active .attachmentPlaceholder-inputHolder input',
      files: [Rails.root.join('test/data/upload/upload1.txt'),
              Rails.root.join('test/data/upload/upload2.jpg')],
    )

    # upload might take a while
    watch_for(
      css:   '.content.active .newTicket .attachments',
      value: 'upload1.txt',
    )
    watch_for(
      css:   '.content.active .newTicket .attachments',
      value: 'upload2.jpg',
    )

    # submit form
    click(css: '.content.active .js-submit')
    sleep 5

    # check if ticket is shown and attachment exists
    location_check(url: '#ticket/zoom/')
    sleep 2
    ticket_number = @browser.find_elements({ css: '.content.active .ticketZoom-header .ticket-number' })[0].text
    match(
      css:   '.content.active .ticket-article-item:nth-child(1) .attachments',
      value: 'upload2.jpg',
    )
    match(
      css:   '.content.active .ticket-article-item:nth-child(1) .attachments',
      value: 'upload1.txt',
    )

    #
    # attachment checks - update ticket
    #

    # update ticket with no attachment, attachment check should pop up
    ticket_update(
      data:          {
        body: 'test 6 - ticket 1-1 - with the word attachment, but not attachment atteched it should give an warning on submit',
      },
      do_not_submit: true,
    )

    # submit form
    click(css: '.content.active .js-submit', expect_alert: true)

    # add attachment, attachment check should quiet
    file_upload(
      css:   '.content.active .attachmentPlaceholder-inputHolder input',
      files: [Rails.root.join('test/data/upload/upload1.txt')],
    )

    # upload might take a while
    watch_for(
      css:   '.content.active .article-add .attachments',
      value: 'upload1.txt',
    )

    # submit form
    click(css: '.content.active .js-submit')

    # discard changes should gone away
    watch_for_disappear(
      css:      '.content.active .js-reset',
      value:    '(Discard your unsaved changes.|Verwerfen der)',
      no_quote: true,
    )
    ticket_verify(
      data: {
        body: '',
      },
    )

    # check content and edit screen in instance 1
    watch_for(
      css:   '.content.active div.ticket-article',
      value: 'test 6 - ticket 1-1',
    )
    match_not(
      css:   '.content.active .ticket-article-item:nth-child(3) .attachments',
      value: 'upload2.jpg',
    )
    match(
      css:   '.content.active .ticket-article-item:nth-child(3) .attachments',
      value: 'upload1.txt',
    )

    # add attachment without body
    file_upload(
      css:   '.content.active .attachmentPlaceholder-inputHolder input',
      files: [Rails.root.join('test/data/upload/upload1.txt'),
              Rails.root.join('test/data/upload/upload2.jpg')],
    )

    # upload might take a while
    watch_for(
      css:   '.content.active .article-add .attachments',
      value: 'upload1.txt',
    )
    watch_for(
      css:   '.content.active .article-add .attachments',
      value: 'upload2.jpg',
    )

    # submit form
    click(css: '.content.active .js-submit')

    # check warning
    modal_ready
    match(
      css:   '.content.active .modal',
      value: 'missing',
    )
    click(css: '.content.active .modal .js-cancel')
    modal_disappear

    ticket_update(
      data:          {
        body: 'now submit should work',
      },
      do_not_submit: true,
    )

    # submit form
    click(css: '.content.active .js-submit')
    sleep 2

    # discard changes should gone away
    watch_for_disappear(
      css:      '.content.active .js-reset',
      value:    '(Discard your unsaved changes.|Verwerfen der)',
      no_quote: true,
    )
    ticket_verify(
      data: {
        body: '',
      },
    )
    match(
      css:   '.content.active .ticket-article-item:nth-child(4) .attachments',
      value: 'upload2.jpg',
    )
    match(
      css:   '.content.active .ticket-article-item:nth-child(4) .attachments',
      value: 'upload1.txt',
    )
    #
    # ticket customer change checks
    #

    # use current session
    browser1 = @browser

    browser2 = browser_instance
    login(
      browser:  browser2,
      username: 'admin@example.com',
      password: 'test',
      url:      browser_url,
    )
    tasks_close_all(
      browser: browser2,
    )

    random     = "ticket-actions-6-test-#{SecureRandom.uuid}"
    user_email = "#{random}@example.com"
    user_create(
      browser: browser2,
      data:    {
        firstname: "Action6 Firstname#{random}",
        lastname:  "Action6 Lastname#{random}",
        email:     user_email,
        password:  'some-pass',
      },
    )

    # update customer, check if new customer is shown in side bar
    ticket_open_by_search(
      browser: browser2,
      number:  ticket_number,
    )
    ticket_update(
      browser:       browser2,
      data:          {
        customer: user_email,
      },
      do_not_submit: true,
    )

    # check if customer has changed in second browser
    click(browser: browser1, css: '.content.active .tabsSidebar-tab[data-tab="customer"]')
    watch_for(
      browser: browser1,
      css:     '.content.active .tabsSidebar',
      value:   user_email,
    )

    #
    # modify customer
    #

    # modify customer
    click(browser: browser1, css: '.content.active .sidebar[data-tab="customer"] .js-actions .dropdown-toggle')
    click(browser: browser1, css: '.content.active .sidebar[data-tab="customer"] .js-actions [data-type="customer-edit"]')
    modal_ready(browser: browser1)
    set(browser: browser1, css: '.modal [name="address"]', value: 'some new address')
    click(browser: browser1, css: '.modal .js-submit')
    modal_disappear(browser: browser1)

    # verify is customer has chnaged other browser too
    click(browser: browser2, css: '.content.active .tabsSidebar-tab[data-tab="customer"]')
    watch_for(
      browser: browser2,
      css:     '.content.active .sidebar[data-tab="customer"]',
      value:   'some new address',
    )

    #
    # ticket customer organization change checks
    #

    # change org of customer, check if org is shown in sidebar
    click(browser: browser1, css: '.content.active .sidebar[data-tab="customer"] .js-actions .dropdown-toggle')
    click(browser: browser1, css: '.content.active .sidebar[data-tab="customer"] .js-actions [data-type="customer-edit"]')
    modal_ready(browser: browser1)
    set(browser: browser1, css: '.modal .js-input', value: 'zammad')
    click(browser: browser1, css: '.modal .js-input')
    click(browser: browser1, css: '.modal .js-option')

    click(browser: browser1, css: '.modal .js-submit')
    modal_disappear(browser: browser1)

    # check if org has changed in second browser
    sleep 3
    click(browser: browser2, css: '.content.active .tabsSidebar-tab[data-tab="organization"]')
    watch_for(
      browser: browser2,
      css:     '.content.active .sidebar[data-tab="organization"]',
      value:   'Zammad Foundation',
    )

    #
    # form change/reset checks
    #

    # some form reset checks
  end

  def test_upload_blocks_ticket_updates
    # since selenium webdriver with firefox is not able to upload files, skip here
    # https://github.com/w3c/webdriver/issues/1230
    return if browser == 'firefox'

    @browser = browser_instance
    login(
      username: 'agent1@example.com',
      password: 'test',
      url:      browser_url,
    )
    tasks_close_all

    ticket_create(
      data:          {
        customer: 'Nico',
        group:    'Users',
        title:    'Ticket 1',
        body:     'some body',
      },
      do_not_submit: true,
    )

    # First test the attachment uploading for new tickets
    file_upload(
      css:      '.content.active .attachmentPlaceholder-inputHolder input',
      files:    [large_file],
      no_sleep: true,
    )
    exists(
      css: '.content.active .js-submit:disabled',
    )
    watch_for_disappear(
      css:     '.content.active .js-submit:disabled',
      timeout: 4.minutes,
    )
    exists(
      css: '.content.active .js-submit',
    )
    click(
      css: '.content.active .js-submit',
    )
    sleep 2

    # Next test the attachment uploading for new articles
    ticket_update(
      data:          {
        body: 'added attachment',
      },
      do_not_submit: true,
    )
    file_upload(
      css:      '.content.active .attachmentPlaceholder-inputHolder input',
      files:    [large_file],
      no_sleep: true,
    )
    exists(
      css: '.content.active .js-submit:disabled',
    )
    watch_for_disappear(
      css:     '.content.active .js-submit:disabled',
      timeout: 4.minutes,
    )
  end

  def large_file
    file = Tempfile.new
    file.binmode
    file.write(SecureRandom.random_bytes(6.megabyte))
    file.close
    file.path
  end
end