@lowdefy/blocks-antd 5.6.0 → 6.0.0

package/dist/blocks/DateRangeSelector/DateRangeSelector.js

@@ -21,6 +21,7 @@ import { withBlockDefaults } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import withTheme from '../withTheme.js';
 import disabledDate from '../../disabledDate.js';
+import getPresets from '../../getPresets.js';
 dayjs.extend(utc);
 const RangePicker = DatePicker.RangePicker;
 const rangeValue = (value, format)=>{
@@ -71,6 +72,12 @@ const DateRangeSelector = ({ blockId, classNames = {}, components: { Icon }, eve
                     size: properties.size,
                     status: validation.status,
                     placeholder: type.isArray(properties.placeholder) ? properties.placeholder : undefined,
+                    presets: getPresets({
+                        disabledDates: properties.disabledDates,
+                        methods,
+                        presets: properties.presets,
+                        range: true
+                    }),
                     suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         classNames: {

package/dist/blocks/DateRangeSelector/e2e.js

@@ -17,6 +17,13 @@ import { expect } from '@playwright/test';
 const locator = (page, blockId)=>page.locator(`.ant-picker-range:has(#${escapeId(blockId)}_input)`);
 const startInput = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 const endInput = (page, blockId)=>locator(page, blockId).locator('.ant-picker-input').last().locator('input');
+// The block renders the picker popup into a container inside itself, so the dropdown is scoped to
+// the block rather than to every open picker on the page.
+const pickerDropdown = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-picker-dropdown`);
+const presets = (page, blockId)=>pickerDropdown(page, blockId).locator('.ant-picker-presets');
+const presetItem = (page, blockId, label)=>presets(page, blockId).locator('li', {
+        hasText: label
+    });
 const monthNames = [
     'Jan',
     'Feb',
@@ -78,13 +85,20 @@ export default createBlockHelper({
             const [sYear, sMonth] = startDateStr.split('-').map(Number);
             const [eYear, eMonth] = endDateStr.split('-').map(Number);
             await startInput(page, blockId).click();
-            const dropdown = page.locator('.ant-picker-dropdown:visible');
+            const dropdown = pickerDropdown(page, blockId);
             await expect(dropdown).toBeVisible();
             await navigateToMonth(dropdown, sYear, sMonth);
             await dropdown.locator(`.ant-picker-cell-in-view[title="${startDateStr}"]`).click();
             await navigateToMonth(dropdown, eYear, eMonth);
             await dropdown.locator(`.ant-picker-cell-in-view[title="${endDateStr}"]`).click();
         },
+        selectPreset: async (page, blockId, label)=>{
+            await locator(page, blockId).click();
+            await expect(pickerDropdown(page, blockId)).toBeVisible();
+            await presets(page, blockId).getByText(label, {
+                exact: true
+            }).click();
+        },
         clear: async (page, blockId)=>{
             await locator(page, blockId).hover();
             await locator(page, blockId).locator('.ant-picker-clear').click();
@@ -92,6 +106,18 @@ export default createBlockHelper({
     },
     expect: {
         startValue: (page, blockId, val)=>expect(startInput(page, blockId)).toHaveValue(val),
-        endValue: (page, blockId, val)=>expect(endInput(page, blockId)).toHaveValue(val)
+        endValue: (page, blockId, val)=>expect(endInput(page, blockId)).toHaveValue(val),
+        presetLabels: (page, blockId, labels)=>expect(presets(page, blockId).locator('li')).toHaveText(labels),
+        presetLabelHtml: (page, blockId, { selector, text })=>expect(presets(page, blockId).locator(selector)).toHaveText(text),
+        noPresets: (page, blockId)=>expect(presets(page, blockId)).toHaveCount(0),
+        // A preset the calendar cannot select is disabled through the list item's pointer events, so
+        // asserting on those checks the shortcut is really unclickable and not only styled as such.
+        presetDisabled: (page, blockId, label)=>expect(presetItem(page, blockId, label)).toHaveCSS('pointer-events', 'none'),
+        presetEnabled: (page, blockId, label)=>expect(presetItem(page, blockId, label)).toHaveCSS('pointer-events', 'auto'),
+        dateDisabled: (page, blockId, dateString)=>expect(pickerDropdown(page, blockId).locator(`.ant-picker-cell[title="${dateString}"]`).first()).toHaveClass(/ant-picker-cell-disabled/),
+        dateEnabled: (page, blockId, dateString)=>expect(pickerDropdown(page, blockId).locator(`.ant-picker-cell[title="${dateString}"]`).first()).not.toHaveClass(/ant-picker-cell-disabled/),
+        // The picker only closes the popup once it accepts the value, so a closed popup is the
+        // signal that a selection was committed rather than just shown in the input.
+        closed: (page, blockId)=>expect(pickerDropdown(page, blockId)).toBeHidden()
     }
 });