openproject/modules/boards/spec/features/support/board_page.rb

#-- copyright
# OpenProject is a project management system.
# Copyright (C) 2012-2018 the OpenProject Foundation (OPF)
#
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License version 3.
#
# OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
# Copyright (C) 2006-2017 Jean-Philippe Lang
# Copyright (C) 2010-2013 the ChiliProject Team
#
# This program is free software; you can redistribute it and/or
# modify it under the terms of the GNU General Public License
# as published by the Free Software Foundation; either version 2
# of the License, or (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program; if not, write to the Free Software
# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
#
# See docs/COPYRIGHT.rdoc for more details.
#++

require 'support/pages/page'
require_relative './board_page'

module Pages
  class Board < Page
    include ::Components::NgSelectAutocompleteHelpers

    def initialize(board)
      @board = board
    end

    def board(reload: false)
      @board.reload if reload

      yield @board if block_given?

      @board
    end

    def free?
      @board.options['type'] == 'free'
    end

    def action?
      !(free? || action_attribute.nil?)
    end

    def action_attribute
      @board.options['attribute']
    end

    def list_count
      page.all('.board-list--container').count
    end

    def within_list(name, &block)
      page.within(list_selector(name), &block)
    end

    def list_selector(name)
      ".board-list--container[data-query-name='#{name}']"
    end

    def add_card(list_name, card_title)
      within_list(list_name) do
        page.find('.board-list--add-button ').click
      end

      unless action?
        # Add item in dropdown
        page.find('.menu-item', text: 'Add new card').click
      end

      subject = page.find('#wp-new-inline-edit--field-subject')
      subject.set card_title
      subject.send_keys :enter

      expect_card(list_name, card_title)
    end

    def remove_card(list_name, card_title, index)
      source = page.all("#{list_selector(list_name)} .wp-card")[index]
      source.hover
      source.find('.wp-card--inline-cancel-button').click

      expect_card(list_name, card_title, present: false)
    end

    def reference(list_name, work_package)
      within_list(list_name) do
        page.find('.board-list--card-dropdown-button').click
      end

      page.find('.menu-item', text: 'Add existing').click

      select_autocomplete(page.find('.wp-inline-create--reference-autocompleter'),
                          query: work_package.subject,
                          results_selector: '.board--container',
                          select_text: "##{work_package.id}")

      expect_card(list_name, work_package.subject)
    end

    ##
    # Expect the given titled card in the list name to be present (expect=true) or not (expect=false)
    def expect_card(list_name, card_title, present: true)
      within_list(list_name) do
        expect(page).to have_conditional_selector(present, '.wp-card--subject', text: card_title)
      end
    end

    ##
    # Expect the given work packages (or their subjects) to be listed in that exact order in the list.
    # No non mentioned cards are allowed to be in the list.
    def expect_cards_in_order(list_name, *card_titles)
      within_list(list_name) do
        found = all('.wp-card .wp-card--subject')
                .map(&:text)
        expected = card_titles.map { |title| title.is_a?(WorkPackage) ? title.subject : title.to_s }

        expect(found)
          .to match expected
      end
    end

    def move_card(index, from:, to:)
      source = page.all("#{list_selector(from)} .wp-card")[index]
      target = page.find list_selector(to)

      scroll_to_element(source)
      page
        .driver
        .browser
        .action
        .move_to(source.native)
        .click_and_hold(source.native)
        .perform

      scroll_to_element(target)
      page
        .driver
        .browser
        .action
        .move_to(target.native)
        .release
        .perform
    end

    def add_list(option: nil)
      if option.nil? && action?
        raise "Must pass value option for action boards"
      end

      count = list_count

      if option.nil?
        page.find('.boards-list--add-item').click
        expect(page).to have_selector('.board-list--container', count: count + 1)
      else
        open_and_fill_add_list_modal option
        page.find('.ng-option-label', text: option, wait: 10).click
        click_on 'Continue'
      end
    end

    def add_list_with_new_value(name)
      open_and_fill_add_list_modal name

      page.find('.ng-option', text: 'Create: ' + name).click
    end

    def save
      page.find('.editable-toolbar-title--save').click
      expect_and_dismiss_notification message: 'Successful update.'
    end

    def expect_changed
      expect(page).to have_selector('.editable-toolbar-title--save')
    end

    def expect_not_changed
      expect(page).to have_no_selector('.editable-toolbar-title--save')
    end

    def expect_list(name)
      expect(page).to have_selector('.board-list--header', text: name)
    end

    def expect_no_list(name)
      expect(page).not_to have_selector('.board-list--header', text: name)
    end

    def expect_empty
      expect(page).to have_no_selector('.boards-list--item')
    end

    def remove_list(name)
      click_list_dropdown name, 'Delete list'

      accept_alert_dialog!
      expect_and_dismiss_notification message: I18n.t('js.notice_successful_update')

      expect(page).to have_no_selector list_selector(name)
    end

    def click_list_dropdown(list_name, action)
      within_list(list_name) do
        page.find('.board-list--header').hover
        page.find('.board-list--menu a').click
      end

      page.find('.dropdown-menu a', text: action).click
    end

    def expect_list_option(name, present: true)
      open_and_fill_add_list_modal name

      if present
        expect(page).to have_selector('.ng-option-label', text: name)
      else
        expect(page).not_to have_selector('.ng-option-label', text: name)
      end
      find('body').send_keys [:escape]
    end

    def visit!
      if board.project
        visit project_work_package_boards_path(project_id: board.project.id, state: board.id)
      else
        visit work_package_boards_path(state: board.id)
      end
    end

    def delete_board
      click_dropdown_entry 'Delete'

      accept_alert_dialog!
      expect_and_dismiss_notification message: I18n.t('js.notice_successful_delete')
    end

    def back_to_index
      find('.board--back-button').click
    end

    def expect_editable_board(editable)
      # Editable / draggable check
      expect(page).to have_conditional_selector(editable, '.board--container.-editable')

      # Settings dropdown
      expect(page).to have_conditional_selector(editable, '.board--settings-dropdown')

      # Add new list
      expect(page).to have_conditional_selector(editable, '.boards-list--add-item')
    end

    def expect_editable_list(editable)
      # Add list button
      if action?
        expect(page).to have_conditional_selector(!editable, '.board-list--add-button[disabled]')
        expect(page).to have_conditional_selector(editable, '.board-list--add-button:not([disabled])')
      else
        expect(page).to have_conditional_selector(editable, '.board-list--card-dropdown-button')
      end
    end

    def rename_board(new_name, through_dropdown: false)
      if through_dropdown
        click_dropdown_entry 'Rename view'
        expect(page).to have_focus_on('.board--header-container .editable-toolbar-title--input')
        input = page.find('.board--header-container .editable-toolbar-title--input')
        input.set new_name
        input.send_keys :enter
      else
        page.within('.board--header-container') do
          input = page.find('.editable-toolbar-title--input').click
          input.set new_name
          input.send_keys :enter
        end
      end

      expect_and_dismiss_notification message: I18n.t('js.notice_successful_update')

      page.within('.board--header-container') do
        expect(page).to have_field('editable-toolbar-title', with: new_name)
      end
    end

    def click_dropdown_entry(name)
      page.find('.board--settings-dropdown').click
      page.find('.menu-item', text: name).click
    end

    def rename_list(from, to)
      input = page.find_field('editable-toolbar-title', with: from).click
      input.set to
      input.send_keys :enter

      expect_and_dismiss_notification message: I18n.t('js.notice_successful_update')
    end

    def expect_query(name, editable: true)
      if editable
        expect(page).to have_field('editable-toolbar-title', with: name)
      else
        expect(page).to have_selector('.editable-toolbar-title--fixed', text: name)
      end
    end

    def change_board_highlighting(mode, attribute = nil)
      click_dropdown_entry 'Configure view'

      if attribute.nil?
        choose(option: mode)
      else
        select attribute, from: 'selected_attribute'
      end

      click_button 'Apply'
    end

    def open_and_fill_add_list_modal(name)
      page.find('.boards-list--add-item').click
      expect(page).to have_selector('.new-list--action-select input')
      sleep(0.1)
      page.find('.op-modal--modal-container .new-list--action-select input').set(name)
    end
  end
end