kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
467 lines
18 KiB
467 lines
18 KiB
//-- copyright
|
|
// OpenProject is a project management system.
|
|
// Copyright (C) 2012-2015 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-2013 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 doc/COPYRIGHT.rdoc for more details.
|
|
//++
|
|
|
|
/* jshint ignore:start */
|
|
|
|
var expect = require('../../../spec_helper.js').expect,
|
|
detailsPaneHelper = require('./details-pane-helper.js'),
|
|
datepicker = detailsPaneHelper.datepicker,
|
|
elements = detailsPaneHelper.elements;
|
|
|
|
describe('details pane', function() {
|
|
var dateRangePicker;
|
|
|
|
var normalizeString = function(string) {
|
|
return string.replace(/\r?\n|\r/g, "").replace(/ /g, " ")
|
|
};
|
|
|
|
describe('date range picker', function() {
|
|
beforeEach(function() {
|
|
detailsPaneHelper.loadPane(819, 'activity');
|
|
dateRangePicker = $('.inplace-edit.attribute-date');
|
|
});
|
|
|
|
context('read value', function() {
|
|
it('is editable', function() {
|
|
expect(dateRangePicker.$('.inplace-edit--write').isDisplayed()).to.eventually.be.false;
|
|
});
|
|
|
|
it('should be present on page', function(){
|
|
expect(dateRangePicker.isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('shows date range', function() {
|
|
var read_value = dateRangePicker.$('.inplace-edit--read-value');
|
|
var text = read_value.getText().then(function(value) { return normalizeString(value) } );
|
|
|
|
expect(text).to.eventually.equal('02/17/2015 - 04/29/2015');
|
|
});
|
|
});
|
|
|
|
context('write value', function() {
|
|
var startDate, endDate,
|
|
startDateDatepicker, endDateDatepicker;
|
|
|
|
beforeEach(function() {
|
|
startDate = dateRangePicker.$('.inplace-edit--date-range-start-date');
|
|
endDate = dateRangePicker.$('.inplace-edit--date-range-end-date');
|
|
startDateDatepicker = dateRangePicker.$('.inplace-edit--date-range-start-date-picker');
|
|
endDateDatepicker = dateRangePicker.$('.inplace-edit--date-range-end-date-picker');
|
|
});
|
|
|
|
beforeEach(function() {
|
|
dateRangePicker.$('.inplace-edit--read-value').click();
|
|
});
|
|
|
|
it('opens start date calendar', function() {
|
|
expect(startDateDatepicker.isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('opens end date calendar only', function() {
|
|
endDate.click();
|
|
expect(endDateDatepicker.isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('start date calendar doesn\'t contain buttons', function() {
|
|
var locator = by.css('.inplace-edit--date-range-start-date-picker .ui-datepicker-buttonpane > *');
|
|
elements.count(locator, 2);
|
|
});
|
|
|
|
it('end date calendar doesn\'t contain buttons', function() {
|
|
endDate.click();
|
|
var locator = by.css('.inplace-edit--date-range-end-date-picker .ui-datepicker-buttonpane > *');
|
|
elements.count(locator, 2);
|
|
});
|
|
|
|
describe('today button', function() {
|
|
var todayBtn;
|
|
beforeEach(function() {
|
|
todayBtn = startDateDatepicker.$('.ui-datepicker-current');
|
|
});
|
|
|
|
it('is displayed', function() {
|
|
expect(
|
|
startDateDatepicker
|
|
.$('.ui-datepicker-current')
|
|
.isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('changes date to current day', function() {
|
|
var currentDate = new Date(),
|
|
dateStr =
|
|
currentDate.getFullYear() + '-' +
|
|
("0" + (currentDate.getMonth() + 1)).slice(-2) + '-' +
|
|
("0" + currentDate.getDate()).slice(-2);
|
|
todayBtn.click();
|
|
datepicker.expectedDate(startDate, dateStr);
|
|
});
|
|
});
|
|
|
|
describe('done button', function() {
|
|
var doneBtn;
|
|
beforeEach(function() {
|
|
doneBtn = startDateDatepicker.$('.ui-datepicker-done');
|
|
});
|
|
|
|
it('is displayed', function() {
|
|
expect(
|
|
doneBtn
|
|
.isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('it closes editing', function() {
|
|
doneBtn.click();
|
|
browser.waitForAngular();
|
|
expect(
|
|
dateRangePicker
|
|
.$('.inplace-edit--read')
|
|
.isDisplayed()).to.eventually.be.true;
|
|
expect(
|
|
dateRangePicker
|
|
.$('.inplace-edit--write')
|
|
.isDisplayed()).to.eventually.be.false;
|
|
});
|
|
});
|
|
|
|
describe('start date', function() {
|
|
it('contains week days displayed', function() {
|
|
var locator = by.css('.inplace-edit--date-range-start-date-picker thead th:not(.ui-datepicker-week-col)');
|
|
expect(startDateDatepicker.$('thead .ui-datepicker-week-col').isPresent()).to.eventually.be.true;
|
|
elements.count(locator, 7);
|
|
});
|
|
|
|
it('contains year week numbers displayed', function() {
|
|
var locator = by.css('.inplace-edit--date-range-start-date-picker tbody tr .ui-datepicker-week-col');
|
|
expect(startDateDatepicker.$('tbody .ui-datepicker-week-col').isPresent()).to.eventually.be.true;
|
|
elements.notCount(locator, 0);
|
|
});
|
|
});
|
|
|
|
describe('end date', function() {
|
|
beforeEach(function(){
|
|
endDate.click();
|
|
});
|
|
|
|
it('contains week days displayed', function() {
|
|
var locator = by.css('.inplace-edit--date-range-end-date-picker thead th:not(.ui-datepicker-week-col)');
|
|
expect(endDateDatepicker.$('thead .ui-datepicker-week-col').isPresent()).to.eventually.be.true;
|
|
elements.count(locator, 7);
|
|
});
|
|
|
|
it('contains year week numbers displayed', function() {
|
|
var locator = by.css('.inplace-edit--date-range-end-date-picker tbody tr .ui-datepicker-week-col');
|
|
expect(endDateDatepicker.$('tbody .ui-datepicker-week-col').isPresent()).to.eventually.be.true;
|
|
elements.notCount(locator, 0);
|
|
});
|
|
});
|
|
|
|
it('shows date range in input', function() {
|
|
datepicker.expectedDate(startDate, '2015-02-17');
|
|
datepicker.expectedDate(endDate, '2015-04-29');
|
|
});
|
|
|
|
describe('switching date', function() {
|
|
describe('end date',function() {
|
|
it('changes when typed start date is greater', function() {
|
|
datepicker.validation(startDate, '2015-05-30', '2015-05-30');
|
|
datepicker.expectedDate(endDate, '2015-05-30');
|
|
});
|
|
|
|
it('does not change when typed start date is lower', function() {
|
|
datepicker.validation(startDate, '2015-04-28', '2015-04-28');
|
|
datepicker.expectedDate(endDate, '2015-04-29');
|
|
});
|
|
|
|
it('does not change when typed start date is equal', function() {
|
|
datepicker.validation(startDate, '2015-04-29', '2015-04-29');
|
|
datepicker.expectedDate(endDate, '2015-04-29');
|
|
});
|
|
|
|
it('changes when selected start date is greater', function() {
|
|
datepicker.selectMonth(startDateDatepicker, 5, 2015).then(function() {
|
|
datepicker.clickDate(startDateDatepicker, startDate, '30').then(function() {
|
|
datepicker.expectedDate(startDate, '2015-05-30');
|
|
datepicker.expectedDate(endDate, '2015-05-30');
|
|
});
|
|
});
|
|
});
|
|
|
|
it('does not change when selected start date is lower', function() {
|
|
datepicker.selectMonth(startDateDatepicker, 4).then(function() {
|
|
datepicker.clickDate(startDateDatepicker, startDate, '28').then(function() {
|
|
datepicker.expectedDate(startDate, '2015-04-28');
|
|
datepicker.expectedDate(endDate, '2015-04-29');
|
|
});
|
|
});
|
|
});
|
|
|
|
it('does not change when selected start date is equal', function() {
|
|
datepicker.selectMonth(startDateDatepicker, 5).then(function() {
|
|
datepicker.clickDate(startDateDatepicker, startDate, '29').then(function() {
|
|
datepicker.expectedDate(startDate, '2015-05-29');
|
|
datepicker.expectedDate(endDate, '2015-05-29');
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('start date',function() {
|
|
beforeEach(function() {
|
|
endDate.click();
|
|
});
|
|
|
|
it('does not change when typed end date is greater', function() {
|
|
datepicker.validation(endDate, '2015-05-30', '2015-05-30');
|
|
datepicker.expectedDate(startDate, '2015-02-17');
|
|
});
|
|
|
|
it('changes when typed end date is lower', function() {
|
|
datepicker.validation(endDate, '2015-02-16', '2015-02-16');
|
|
datepicker.expectedDate(startDate, '2015-02-16');
|
|
});
|
|
|
|
it('does not change when typed start date is equal', function() {
|
|
datepicker.validation(endDate, '2015-02-17', '2015-02-17');
|
|
datepicker.expectedDate(startDate, '2015-02-17');
|
|
});
|
|
|
|
it('does not change when selected end date is greater', function() {
|
|
datepicker.selectMonthAndYear(endDateDatepicker, 5, 2015).then(function() {
|
|
datepicker.clickDate(endDateDatepicker, endDate, '30').then(function() {
|
|
datepicker.expectedDate(startDate, '2015-02-17');
|
|
datepicker.expectedDate(endDate, '2015-05-30');
|
|
});
|
|
});
|
|
});
|
|
|
|
it('changes when selected end date is lower', function() {
|
|
datepicker.selectMonth(endDateDatepicker, 2).then(function() {
|
|
datepicker.clickDate(endDateDatepicker, endDate, '16').then(function() {
|
|
datepicker.expectedDate(startDate, '2015-02-16');
|
|
datepicker.expectedDate(endDate, '2015-02-16');
|
|
});
|
|
});
|
|
});
|
|
|
|
it('does not change when selected start date is equal', function() {
|
|
datepicker.selectMonthAndYear(endDateDatepicker, 2, 2015).then(function() {
|
|
datepicker.clickDate(endDateDatepicker, endDate, '17').then(function() {
|
|
datepicker.expectedDate(startDate, '2015-02-17');
|
|
datepicker.expectedDate(endDate, '2015-02-17');
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('validation', function() {
|
|
it('validates valid start date', function() {
|
|
datepicker.validation(startDate, '2014-10-24', '2014-10-24');
|
|
});
|
|
|
|
it('validates valid end date', function() {
|
|
datepicker.validation(endDate, '2014-11-27', '2014-11-27');
|
|
});
|
|
|
|
it('doesn\'t validate invalid start date', function() {
|
|
datepicker.validation(startDate, '2014-13-27', '2015-02-17');
|
|
});
|
|
|
|
it('doesn\'t validate invalid end date', function() {
|
|
datepicker.validation(endDate, '2014-11-40', '2015-04-29');
|
|
});
|
|
|
|
it('validates empty start date', function() {
|
|
datepicker.validation(startDate, '', '');
|
|
});
|
|
|
|
it('validates empty end date', function() {
|
|
datepicker.validation(endDate, '', '');
|
|
});
|
|
});
|
|
|
|
describe('range selection', function() {
|
|
it('changes start date by clicking on calendar', function() {
|
|
startDate.click();
|
|
datepicker.selectMonthAndYear(startDateDatepicker, 12, 2014);
|
|
datepicker.clickDate(startDateDatepicker, startDate, '9').then(function() {
|
|
datepicker.expectedDate(startDate, '2014-12-09');
|
|
datepicker.expectedDate(endDate, '2015-04-29');
|
|
});
|
|
});
|
|
|
|
it('changes end date by clicking on calendar', function() {
|
|
datepicker.clickDate(endDateDatepicker, endDate, '17').then(function() {
|
|
datepicker.expectedDate(startDate, '2015-02-17');
|
|
datepicker.expectedDate(endDate, '2015-04-17');
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('date range picker with start null date', function() {
|
|
beforeEach(function() {
|
|
detailsPaneHelper.loadPane(823, 'activity');
|
|
dateRangePicker = element(by.css('.inplace-edit.attribute-date'));
|
|
});
|
|
|
|
context('read value', function() {
|
|
it('should be present on page', function(){
|
|
expect(dateRangePicker.isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('shows date range', function() {
|
|
var read_value = dateRangePicker.$('.inplace-edit--read-value');
|
|
var text = read_value.getText().then(function(value) { return normalizeString(value) });
|
|
|
|
expect(text).to.eventually.equal('no start date - 12/27/2014');
|
|
});
|
|
});
|
|
|
|
context('write value', function() {
|
|
var startDate, endDate;
|
|
|
|
beforeEach(function() {
|
|
startDate = dateRangePicker.$('.inplace-edit--date-range-start-date');
|
|
endDate = dateRangePicker.$('.inplace-edit--date-range-end-date');
|
|
startDateDatepicker = dateRangePicker.$('.inplace-edit--date-range-start-date-picker');
|
|
endDateDatepicker = dateRangePicker.$('.inplace-edit--date-range-end-date-picker');
|
|
});
|
|
|
|
beforeEach(function() {
|
|
dateRangePicker.$('.inplace-edit--read-value').click();
|
|
});
|
|
|
|
it('opens calendar on click', function() {
|
|
startDate.click();
|
|
expect($('.ui-datepicker').isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('shows date range in input', function() {
|
|
datepicker.expectedDate(startDate, '');
|
|
datepicker.expectedDate(endDate, '2014-12-27');
|
|
});
|
|
|
|
describe('range selection', function() {
|
|
it('changes start date by clicking on calendar', function() {
|
|
startDate.click();
|
|
datepicker.selectMonthAndYear(startDateDatepicker, 12, 2014);
|
|
datepicker.clickDate(startDateDatepicker, startDate, '9').then(function() {
|
|
datepicker.expectedDate(startDate, '2014-12-09');
|
|
datepicker.expectedDate(endDate, '2014-12-27');
|
|
});
|
|
});
|
|
|
|
it('changes end date by clicking on calendar', function() {
|
|
endDate.click();
|
|
datepicker.selectMonthAndYear(endDateDatepicker, 12, 2014);
|
|
datepicker.clickDate(endDateDatepicker, endDate, '17').then(function() {
|
|
datepicker.expectedDate(startDate, '');
|
|
datepicker.expectedDate(endDate, '2014-12-17');
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('date range picker with due null date', function() {
|
|
beforeEach(function() {
|
|
detailsPaneHelper.loadPane(824, 'activity');
|
|
dateRangePicker = element(by.css('.inplace-edit.attribute-date'));
|
|
});
|
|
|
|
context('read value', function() {
|
|
it('should be present on page', function(){
|
|
expect(dateRangePicker.isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('shows date range', function() {
|
|
var read_value = dateRangePicker.$('.inplace-edit--read-value');
|
|
var text = read_value.getText().then(function(value) { return normalizeString(value) });
|
|
|
|
expect(text).to.eventually.equal('10/23/2014 - no end date');
|
|
});
|
|
});
|
|
|
|
context('write value', function() {
|
|
var startDate, endDate;
|
|
|
|
beforeEach(function() {
|
|
startDate = dateRangePicker.$('.inplace-edit--date-range-start-date');
|
|
endDate = dateRangePicker.$('.inplace-edit--date-range-end-date');
|
|
startDateDatepicker = dateRangePicker.$('.inplace-edit--date-range-start-date-picker');
|
|
endDateDatepicker = dateRangePicker.$('.inplace-edit--date-range-end-date-picker');
|
|
});
|
|
|
|
beforeEach(function() {
|
|
dateRangePicker.$('.inplace-edit--read-value').click();
|
|
});
|
|
|
|
it('opens calendar on click', function() {
|
|
startDate.click();
|
|
expect($('.ui-datepicker').isDisplayed()).to.eventually.be.true;
|
|
});
|
|
|
|
it('shows date range in input', function() {
|
|
datepicker.expectedDate(startDate, '2014-10-23');
|
|
datepicker.expectedDate(endDate, '');
|
|
});
|
|
|
|
describe('range selection', function() {
|
|
it('changes start date by clicking on calendar', function() {
|
|
datepicker.clickDate(startDateDatepicker, startDate, '9').then(function() {
|
|
datepicker.expectedDate(startDate, '2014-10-09');
|
|
datepicker.expectedDate(endDate, '');
|
|
});
|
|
});
|
|
|
|
it('changes end date by clicking on calendar', function() {
|
|
endDate.click()
|
|
datepicker.selectMonthAndYear(endDateDatepicker, 12, 2014);
|
|
datepicker.clickDate(endDateDatepicker, endDate, '17').then(function() {
|
|
datepicker.expectedDate(startDate, '2014-10-23');
|
|
datepicker.expectedDate(endDate, '2014-12-17');
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('date range picker with children', function() {
|
|
beforeEach(function() {
|
|
detailsPaneHelper.loadPane(825, 'activity');
|
|
dateRangePicker = element(by.css('.inplace-edit.attribute-date'));
|
|
});
|
|
|
|
it('not editable', function() {
|
|
expect(dateRangePicker.$('.inplace-edit--write').isPresent()).to.eventually.be.false;
|
|
});
|
|
});
|
|
});
|
|
/* jshint ignore:end */
|
|
|