Oliver Günther
7 years ago
commit
c8e6328404
File diff suppressed because one or more lines are too long
@ -0,0 +1,146 @@ |
||||
#-- 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 'spec_helper' |
||||
|
||||
describe 'Wysiwyg tables', |
||||
with_settings: { text_formatting: 'markdown', use_wysiwyg?: true }, |
||||
type: :feature, js: true do |
||||
let(:user) { FactoryBot.create :admin } |
||||
let(:project) { FactoryBot.create(:project, enabled_module_names: %w[wiki]) } |
||||
let(:editor) { ::Components::WysiwygEditor.new } |
||||
|
||||
before do |
||||
login_as(user) |
||||
end |
||||
|
||||
describe 'in wikis' do |
||||
describe 'creating a wiki page' do |
||||
before do |
||||
visit project_wiki_path(project, :wiki) |
||||
end |
||||
|
||||
it 'can add tables without headers' do |
||||
editor.in_editor do |container, editable| |
||||
# strangely, we need visible: :all here |
||||
container.find('.ck-button', visible: :all, text: 'Insert table').click |
||||
|
||||
# Edit table |
||||
tds = editable.all('table.ck-widget td') |
||||
values = %w(h1 h2 c1 c2) |
||||
expect(tds.length).to eq(4) |
||||
|
||||
tds.each_with_index do |td, i| |
||||
td.click |
||||
td.send_keys values[i] |
||||
sleep 0.5 |
||||
end |
||||
end |
||||
|
||||
# Save wiki page |
||||
click_on 'Save' |
||||
|
||||
expect(page).to have_selector('.flash.notice') |
||||
|
||||
within('#content') do |
||||
expect(page).to have_selector('table td', text: 'h1') |
||||
expect(page).to have_selector('table td', text: 'h2') |
||||
expect(page).to have_selector('table td', text: 'c1') |
||||
expect(page).to have_selector('table td', text: 'c2') |
||||
end |
||||
end |
||||
end |
||||
|
||||
describe 'editing a wiki page with tables' do |
||||
let(:wiki_page) { |
||||
page = FactoryBot.build :wiki_page_with_content, |
||||
title: 'Wiki page with titles' |
||||
page.content.text = <<~EOS |
||||
|
||||
## This is markdown! |
||||
|
||||
<table> |
||||
<thead> |
||||
<tr> |
||||
<th>A</th> |
||||
<th>B</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
<tr> |
||||
<td> c1 </td> |
||||
<td> c2 </td> |
||||
</tr> |
||||
<tr> |
||||
<td> c3 </td> |
||||
<td> c4 </td> |
||||
</tr> |
||||
</tbody> |
||||
</table> |
||||
EOS |
||||
|
||||
page |
||||
} |
||||
|
||||
before do |
||||
project.wiki.pages << wiki_page |
||||
project.wiki.save! |
||||
|
||||
visit project_wiki_path(project, wiki_page.slug) |
||||
end |
||||
|
||||
it 'can show the table with header' do |
||||
within('#content') do |
||||
expect(page).to have_selector('h2', text: 'This is markdown') |
||||
|
||||
expect(page).to have_selector('table thead th', text: 'A') |
||||
expect(page).to have_selector('table thead th', text: 'B') |
||||
expect(page).to have_selector('table td', text: 'c1') |
||||
expect(page).to have_selector('table td', text: 'c2') |
||||
expect(page).to have_selector('table td', text: 'c3') |
||||
expect(page).to have_selector('table td', text: 'c4') |
||||
end |
||||
|
||||
# Edit the table |
||||
click_on 'Edit' |
||||
|
||||
# Expect wysiwyg to render table |
||||
editor.in_editor do |_, editable| |
||||
expect(editable).to have_selector('h2', text: 'This is markdown') |
||||
|
||||
expect(editable).to have_selector('table thead th', text: 'A') |
||||
expect(editable).to have_selector('table thead th', text: 'B') |
||||
expect(editable).to have_selector('table td', text: 'c1') |
||||
expect(editable).to have_selector('table td', text: 'c2') |
||||
expect(editable).to have_selector('table td', text: 'c3') |
||||
expect(editable).to have_selector('table td', text: 'c4') |
||||
end |
||||
end |
||||
end |
||||
end |
||||
end |
||||
@ -0,0 +1,40 @@ |
||||
module Components |
||||
class WysiwygEditor |
||||
include Capybara::DSL |
||||
attr_reader :context_selector |
||||
|
||||
def initialize(context = '#content') |
||||
@context_selector = context |
||||
end |
||||
|
||||
def container |
||||
page.find("#{context_selector} .op-ckeditor--wrapper") |
||||
end |
||||
|
||||
def editor_element |
||||
page.find "#{context_selector} #{input_selector}" |
||||
end |
||||
|
||||
def in_editor |
||||
yield container, editor_element |
||||
end |
||||
|
||||
def input_selector |
||||
'div.ck-content' |
||||
end |
||||
|
||||
def expect_value(value) |
||||
expect(input_element.text).to eq(value) |
||||
end |
||||
|
||||
def click_and_type_slowly(text) |
||||
sleep 0.5 |
||||
input_element.click |
||||
|
||||
sleep 0.5 |
||||
input_element.send_keys text |
||||
|
||||
sleep 0.5 |
||||
end |
||||
end |
||||
end |
||||
Loading…
Reference in new issue