Scheduler: refactor view model output and sorted Index (DevExpress#30763)

Co-authored-by: Vladimir Bushmanov <vladimir.bushmanov@devexpress.com>

Author: Ambrozy

apps/demos/testing/widgets/scheduler/etalons/scheduler_contextMenu_click (fluent.blue.light).png

@@ -113,7 +113,7 @@ test('Basic drag-n-drop movements from tooltip in month view', async (t) => {
     .ok();
 
   await t
-    .click(scheduler.collectors.find('1').element)
+    .click(scheduler.collectors.find('1', 1).element)
     .expect(scheduler.appointmentTooltip.isVisible()).ok()
     .drag(scheduler.appointmentTooltip.getListItem('Appointment 4').element, 320, 150)
     .expect(await takeScreenshot('drag-n-drop-\'Appointment 4\'-from-tooltip-in-month.png', scheduler.workSpace))

apps/demos/testing/widgets/scheduler/etalons/scheduler_contextMenu_click (material.blue.light).png

@@ -8,7 +8,6 @@ fixture.disablePageReloads`Re-render on resize`
   .page(url(__dirname, '../../container.html'));
 
 const createScheduler = async (container, options?): Promise<void> => createWidget('dxScheduler', {
-  ...options,
   currentDate: new Date(2020, 8, 7),
   startDayHour: 8,
   endDayHour: 20,
@@ -27,24 +26,34 @@ const createScheduler = async (container, options?): Promise<void> => createWidg
     endDate: new Date(2020, 8, 7, 9),
     text: 'test',
   }],
+  ...options,
 }, container);
 
-safeSizeTest('Appointment should re-rendered on window resize when width and height not set (T1139566)', async (t) => {
+safeSizeTest('Appointment should re-rendered on window resize-up (T1139566)', async (t) => {
+  const scheduler = new Scheduler('#container');
+  const { element } = scheduler.getAppointment('test');
+
+  await setStyleAttribute(element, 'background-color: red;');
+  await t.resizeWindow(800, 400);
+  await t.expect(await getStyleAttribute(element)).match(/transform: translate\(0px, 0px\); width: 10\d\.\d\d\dpx; height: 50px;/);
+}, [400, 400]).before(async () => createScheduler('#container', { currentView: 'workWeek' }));
+
+safeSizeTest('Appointment should not re-rendered on window resize when width and height not set (T1139566)', async (t) => {
   const scheduler = new Scheduler('#container');
   const { element } = scheduler.getAppointment('test');
 
   await setStyleAttribute(element, 'background-color: red;');
   await t.resizeWindow(300, 300);
-  await t.expect(await getStyleAttribute(element)).eql('transform: translate(0px, 26px); width: 200px; height: 74px;');
+  await t.expect(await getStyleAttribute(element)).eql('transform: translate(0px, 26px); width: 200px; height: 74px; background-color: red;');
 }).before(async () => createScheduler('#container'));
 
-safeSizeTest('Appointment should re-rendered on window resize when width and height have percent value (T1139566)', async (t) => {
+safeSizeTest('Appointment should not re-rendered on window resize when width and height have percent value (T1139566)', async (t) => {
   const scheduler = new Scheduler('#container');
   const { element } = scheduler.getAppointment('test');
 
   await setStyleAttribute(element, 'background-color: red;');
   await t.resizeWindow(300, 400);
-  await t.expect(await getStyleAttribute(element)).eql('transform: translate(0px, 26px); width: 200px; height: 74px;');
+  await t.expect(await getStyleAttribute(element)).eql('transform: translate(0px, 26px); width: 200px; height: 74px; background-color: red;');
 }).before(async () => createScheduler('#container', { width: '100%', height: '100%' }));
 
 safeSizeTest('Appointment should not re-rendered on window resize when width and height have static value (T1139566)', async (t) => {

apps/demos/testing/widgets/scheduler/etalons/scheduler_contextMenu_click.png

@@ -0,0 +1,25 @@
+import {
+  describe, expect, it,
+} from '@jest/globals';
+
+import { createScheduler } from './__mock__/create_scheduler';
+import { setupSchedulerTestEnvironment } from './__mock__/m_mock_scheduler';
+
+describe('Appointments', () => {
+  it('All-day appointment should not be resizable if current view is "day"', async () => {
+    setupSchedulerTestEnvironment();
+    const { container } = await createScheduler({
+      dataSource: [{
+        text: 'Appointment 1',
+        startDate: new Date(2015, 1, 9, 8),
+        endDate: new Date(2015, 1, 9, 9),
+        allDay: true,
+      }],
+      currentView: 'day',
+      currentDate: new Date(2015, 1, 9, 8),
+    });
+
+    const appointment = container.querySelector('.dx-scheduler-appointment');
+    expect(appointment && !appointment.classList.contains('dx-resizable')).toBe(true);
+  });
+});