Scheduler: switch from generic to fluent_blue_light theme

Author: aleksei-semikozov

packages/devextreme/testing/tests/DevExpress.knockout/scheduler.tests.js

@@ -5,7 +5,7 @@ require('integration/knockout');
 const Scheduler = require('ui/scheduler');
 const { waitAsync } = require('../../helpers/scheduler/waitForAsync.js');
 
-require('generic_light.css!');
+require('fluent_blue_light.css!');
 
 if(QUnit.urlParams['nocsp']) {
     QUnit.module('scheduler');

packages/devextreme/testing/tests/DevExpress.ui.widgets.pivotGrid/export.tests.js

@@ -6,7 +6,7 @@ import executeAsyncMock from '../../helpers/executeAsyncMock.js';
 import { checkDxFontIcon, DX_ICON_XLSX_FILE_CONTENT_CODE } from '../../helpers/checkDxFontIconHelper.js';
 
 import 'ui/pivot_grid/ui.pivot_grid';
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 
 QUnit.testStart(function() {
     const markup =

packages/devextreme/testing/tests/DevExpress.ui.widgets.pivotGrid/pivotGrid.tests.js

@@ -30,7 +30,7 @@ import {
 import { isRenderer } from 'core/utils/type';
 import { addShadowDomStyles } from 'core/utils/shadow_dom';
 import { triggerShownEvent } from 'common/core/events/visibility_change';
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 import $ from 'jquery';
 import dateLocalization from 'common/core/localization/date';
 import { PivotGridDataSource } from '__internal/grids/pivot_grid/data_source/m_data_source';

packages/devextreme/testing/tests/DevExpress.ui.widgets.scheduler/allDayAppointments.common-0.tests.js

@@ -17,7 +17,7 @@ import {
 } from '../../helpers/scheduler/helpers.js';
 import { waitAsync, waitForAsync } from '../../helpers/scheduler/waitForAsync.js';
 
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 
 const { module, test, testStart } = QUnit;
 
@@ -261,9 +261,9 @@ module('All day appointments common', config, () => {
                     maxAppointmentsPerCell: 2
                 });
 
-                assert.roughEqual(scheduler.appointments.getAppointmentHeight(0), 25, 1.5, 'Appointment has correct height');
-                assert.roughEqual(scheduler.appointments.getAppointmentHeight(1), 25, 1.5, 'Appointment has correct height');
-                assert.roughEqual(scheduler.appointments.getAppointmentPosition(0).top, 25, 1.5, 'Appointment has correct top');
+                assert.roughEqual(scheduler.appointments.getAppointmentHeight(0), 13.5, 1.5, 'Appointment has correct height');
+                assert.roughEqual(scheduler.appointments.getAppointmentHeight(1), 13.5, 1.5, 'Appointment has correct height');
+                assert.roughEqual(scheduler.appointments.getAppointmentPosition(0).top, 30, 1.5, 'Appointment has correct top');
 
                 assert.equal(scheduler.appointments.compact.getButtonCount(), 1, 'Appointment collector is rendered');
             });

packages/devextreme/testing/tests/DevExpress.ui.widgets.scheduler/allDayAppointments.common-1.tests.js

@@ -12,7 +12,7 @@ import {
 } from '../../helpers/scheduler/helpers.js';
 import { waitAsync, waitForAsync } from '../../helpers/scheduler/waitForAsync.js';
 
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 import '__internal/scheduler/m_scheduler';
 
 const { module, test, testStart } = QUnit;
@@ -292,8 +292,8 @@ module('All day appointments common', config, () => {
                 assert.equal(scheduler.appointments.getTitleText(3), 'Simple appointment', 'Text is right');
 
                 assert.roughEqual(scheduler.appointments.getAppointmentPosition(3).left, 0, 1.001, 'Appointment position is OK');
-                assert.roughEqual(scheduler.appointments.getAppointmentPosition(3).top, 100, 1.001, 'Appointment position is OK');
-                assert.roughEqual(scheduler.appointments.getAppointmentWidth(3), cellWidth - APPOINTMENT_DEFAULT_LEFT_OFFSET, 1.001, 'Appointment size is OK');
+                assert.roughEqual(scheduler.appointments.getAppointmentPosition(3).top, 76, 1.001, 'Appointment position is OK');
+                assert.roughEqual(scheduler.appointments.getAppointmentWidth(3), cellWidth - APPOINTMENT_DEFAULT_LEFT_OFFSET, 5, 'Appointment size is OK');
             });
 
             test('dropDown appointment should have correct container & position', async function(assert) {
@@ -325,7 +325,7 @@ module('All day appointments common', config, () => {
                 const $dropDown = $(scheduler.instance.$element()).find('.dx-scheduler-appointment-collector').eq(0);
 
                 assert.equal($dropDown.parent().get(0), $(scheduler.instance.$element()).find('.dx-scheduler-all-day-appointments').get(0), 'Container is OK');
-                assert.roughEqual(translator.locate($dropDown).left, 128, 1.001, 'Appointment position is OK');
+                assert.roughEqual(translator.locate($dropDown).left, 133.28125, 1.001, 'Appointment position is OK');
                 assert.roughEqual(translator.locate($dropDown).top, 0, 1.001, 'Appointment position is OK');
             });
 

packages/devextreme/testing/tests/DevExpress.ui.widgets.scheduler/appointment.monthView.tests.js

@@ -17,7 +17,7 @@ import { waitAsync } from '../../helpers/scheduler/waitForAsync.js';
 
 import '__internal/scheduler/m_scheduler';
 import 'ui/switch';
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 
 const {
     module,

packages/devextreme/testing/tests/DevExpress.ui.widgets.scheduler/appointment.scroll.tests.js

@@ -8,7 +8,7 @@ import {
 
 import '__internal/scheduler/m_scheduler';
 import 'ui/switch';
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 
 const {
     module,

packages/devextreme/testing/tests/DevExpress.ui.widgets.scheduler/appointment.templates.tests.js

@@ -8,7 +8,7 @@ import {
 
 import '__internal/scheduler/m_scheduler';
 import 'ui/switch';
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 
 QUnit.testStart(() => initTestMarkup());
 

packages/devextreme/testing/tests/DevExpress.ui.widgets.scheduler/appointment.timeLines.tests.js

@@ -9,7 +9,7 @@ import {
 
 import '__internal/scheduler/m_scheduler';
 import 'ui/switch';
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 
 const {
     module,

packages/devextreme/testing/tests/DevExpress.ui.widgets.scheduler/appointment.week.based.views.tests.js

@@ -21,7 +21,7 @@ import { waitAsync, waitForAsync } from '../../helpers/scheduler/waitForAsync.js
 
 import '__internal/scheduler/m_scheduler';
 import 'ui/switch';
-import 'generic_light.css!';
+import 'fluent_blue_light.css!';
 
 const {
     module,
@@ -1214,10 +1214,10 @@ module('Integration: Appointment Day, Week views', {
         assert.equal(appointments.length, 2, 'Correct number of appointments');
 
         assert.equal(appointments[0].position.top, 0, 'Correct top coordinate');
-        assert.roughEqual(appointments[0].position.left, 224, 2, 'Correct left coordinate');
+        assert.roughEqual(appointments[0].position.left, 233.25, 2, 'Correct left coordinate');
 
         assert.equal(appointments[1].position.top, 0, 'Correct top coordinate');
-        assert.roughEqual(appointments[1].position.left, 448, 2, 'Correct left coordinate');
+        assert.roughEqual(appointments[1].position.left, 466.5, 2, 'Correct left coordinate');
     });
 
     test('Appointments should be rendered correctly when groupByDate is true in Week view', async function(assert) {
@@ -1260,8 +1260,8 @@ module('Integration: Appointment Day, Week views', {
 
         assert.equal(appointments.length, 2, 'Correct number of appointments');
 
-        assert.equal(appointments[0].position.top, 100, 'Correct top coordinate');
-        assert.roughEqual(appointments[0].position.left, 320, 2, 'Correct left coordinate');
+        assert.equal(appointments[0].position.top, 76, 'Correct top coordinate');
+        assert.roughEqual(appointments[0].position.left, 333.203125, 2, 'Correct left coordinate');
 
         assert.equal(appointments[1].position.top, 200, 'Correct top coordinate');
         assert.roughEqual(appointments[1].position.left, 640, 2, 'Correct left coordinate');