Много разных изменений

frontend/tests/admin-ui-regressions.test.mjs

@@ -2,7 +2,10 @@ import assert from 'node:assert/strict';
 import { readFile } from 'node:fs/promises';
 import test from 'node:test';
 
-import { scheduleSlotActionLabel } from '../admin/js/views/schedule.js';
+import {
+    scheduleSlotActionLabel,
+    shouldMarkRuleFormDirty
+} from '../admin/js/views/schedule.js';
 
 const readFrontendFile = relativePath => readFile(
     new URL(`../${relativePath}`, import.meta.url),
@@ -15,6 +18,20 @@ test('одиночный слот очищается, а несколько сл
     assert.equal(scheduleSlotActionLabel(5), 'Удалить');
 });
 
+test('конструктор считает изменениями только действия пользователя', () => {
+    assert.equal(shouldMarkRuleFormDirty({ programmatic: true, type: 'change' }), false);
+    assert.equal(shouldMarkRuleFormDirty({ type: 'input', fromAsyncCombobox: true }), false);
+    assert.equal(shouldMarkRuleFormDirty({ type: 'change' }), true);
+    assert.equal(shouldMarkRuleFormDirty({ type: 'input' }), true);
+});
+
+test('поисковые списки просмотра расписаний загружаются свёрнутыми', async () => {
+    const scheduleView = await readFrontendFile('admin/js/views/schedule-view.js');
+
+    assert.match(scheduleView, /combo\.preload\(''\)/);
+    assert.doesNotMatch(scheduleView, /combo\.search\(''\)/);
+});
+
 test('в общих заголовках админ-панели и настроек нет бургер-меню', async () => {
     const files = await Promise.all([
         readFrontendFile('admin/index.html'),
@@ -104,3 +121,43 @@ test('таблица календарных графиков не содержи
     assert.match(calendarTable, /colspan="6"/);
     assert.doesNotMatch(calendarScript, /title:\s*buildCalendarTitleFromForm/);
 });
+
+test('конструктор правил показывает готовую компоновку без скачков колонок', async () => {
+    const [scheduleView, scheduleScript, components] = await Promise.all([
+        readFrontendFile('admin/views/schedule.html'),
+        readFrontendFile('admin/js/views/schedule.js'),
+        readFrontendFile('admin/css/components.css')
+    ]);
+
+    assert.match(scheduleView, /id="schedule-initial-state"/);
+    assert.match(scheduleView, /id="schedule-initial-content"[^>]*class="schedule-initial-content is-loading"|class="schedule-initial-content is-loading"[^>]*id="schedule-initial-content"/);
+    assert.match(scheduleView, /<table id="schedule-table">\s*<colgroup>/s);
+    assert.match(scheduleScript, /finally\s*\{[\s\S]*initialContent\?\.classList\.remove\('is-loading'\)/);
+    assert.match(components, /#schedule-table\s*\{[^}]*table-layout:\s*fixed/s);
+    assert.match(components, /#schedule-table tbody tr\s*\{[^}]*animation:\s*none/s);
+});
+
+test('форма учебного года расположена после рабочих блоков календарного графика', async () => {
+    const calendarView = await readFrontendFile('admin/views/academic-calendar.html');
+    const calendarsRegistryIndex = calendarView.indexOf('id="academic-calendars-tbody"');
+    const academicYearBuilderIndex = calendarView.indexOf('academic-year-builder-card');
+    const managePanelEndIndex = calendarView.indexOf('</section>', academicYearBuilderIndex);
+
+    assert.ok(calendarsRegistryIndex >= 0);
+    assert.ok(academicYearBuilderIndex > calendarsRegistryIndex);
+    assert.ok(managePanelEndIndex > academicYearBuilderIndex);
+});
+
+test('поисковые и диалоговые списки имеют размытие и светлую тему', async () => {
+    const [components, absences, absenceView] = await Promise.all([
+        readFrontendFile('admin/css/components.css'),
+        readFrontendFile('admin/css/teacher-absences.css'),
+        readFrontendFile('admin/views/teacher-absences.html')
+    ]);
+
+    assert.match(absenceView, /id="teacher-absence-teacher"[^>]*data-native-select="true"/);
+    assert.match(components, /\.async-combobox-menu\s*\{[^}]*backdrop-filter:\s*blur\(20px\)/s);
+    assert.match(components, /\[data-theme="light"\] \.async-combobox-menu\s*\{[^}]*background:\s*rgba\(255, 255, 255, 0\.96\)/s);
+    assert.match(absences, /\.teacher-dialogue-toolbar \.custom-select-menu\s*\{[^}]*backdrop-filter:\s*blur\(20px\)/s);
+    assert.match(absences, /\[data-theme="light"\] \.teacher-dialogue-toolbar \.custom-select-menu/);
+});