@lowdefy/blocks-antd 4.6.0 → 4.7.1

package/dist/blocks/Affix/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/Alert/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-alert`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-alert`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/AutoComplete/e2e.js

@@ -12,10 +12,10 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`.ant-select:has(#${blockId}_input)`);
-const input = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`.ant-select:has(#${escapeId(blockId)}_input)`);
+const input = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Avatar/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/Badge/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/Breadcrumb/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/Button/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-btn`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-btn`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/ButtonSelector/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Card/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Carousel/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-carousel`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-carousel`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/CheckboxSelector/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/CheckboxSwitch/e2e.js

@@ -12,10 +12,10 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
-const wrapper = (page, blockId)=>page.locator(`#bl-${blockId} .ant-checkbox-wrapper`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
+const wrapper = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-checkbox-wrapper`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Collapse/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-collapse`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-collapse`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Comment/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/Content/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-layout-content`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-layout-content`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/ControlledList/e2e.js

@@ -12,14 +12,14 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {
-        add: (page, blockId)=>page.locator(`#${blockId}_add_button`).click(),
-        remove: (page, blockId, index)=>page.locator(`#${blockId}_${index}_remove_icon`).click()
+        add: (page, blockId)=>page.locator(`#${escapeId(blockId)}_add_button`).click(),
+        remove: (page, blockId, index)=>page.locator(`#${escapeId(blockId)}_${index}_remove_icon`).click()
     },
     expect: {
         itemCount: (page, blockId, count)=>expect(locator(page, blockId).locator('.ant-list-item')).toHaveCount(count)

package/dist/blocks/DateRangeSelector/e2e.js

@@ -12,15 +12,86 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`.ant-picker-range:has(#${blockId}_input)`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+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');
+const monthNames = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec'
+];
+const navigateToMonth = async (dropdown, targetYear, targetMonth)=>{
+    const headerView = dropdown.locator('.ant-picker-header-view').first();
+    while(true){
+        const headerText = await headerView.textContent();
+        const yearMatch = headerText.match(/\d{4}/);
+        if (!yearMatch) {
+            throw new Error(`Could not parse year from picker header: "${headerText}"`);
+        }
+        const currentYear = parseInt(yearMatch[0], 10);
+        if (currentYear === targetYear) break;
+        if (currentYear > targetYear) {
+            await dropdown.locator('.ant-picker-header-super-prev-btn').first().click();
+        } else {
+            await dropdown.locator('.ant-picker-header-super-next-btn').first().click();
+        }
+    }
+    while(true){
+        const headerText = await headerView.textContent();
+        const currentMonthName = monthNames.find((m)=>headerText.includes(m));
+        if (!currentMonthName) {
+            throw new Error(`Could not parse month from picker header: "${headerText}"`);
+        }
+        const currentMonth = monthNames.indexOf(currentMonthName) + 1;
+        if (currentMonth === targetMonth) break;
+        if (currentMonth > targetMonth) {
+            await dropdown.locator('.ant-picker-header-prev-btn').first().click();
+        } else {
+            await dropdown.locator('.ant-picker-header-next-btn').first().click();
+        }
+    }
+};
 export default createBlockHelper({
     locator,
     do: {
         open: (page, blockId)=>locator(page, blockId).click(),
+        fill: async (page, blockId, startVal, endVal)=>{
+            await startInput(page, blockId).click();
+            await page.keyboard.type(startVal);
+            await page.keyboard.press('Enter');
+            await endInput(page, blockId).click();
+            await page.keyboard.type(endVal);
+            await page.keyboard.press('Enter');
+        },
+        select: async (page, blockId, startDateStr, endDateStr)=>{
+            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');
+            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();
+        },
         clear: async (page, blockId)=>{
             await locator(page, blockId).hover();
             await locator(page, blockId).locator('.ant-picker-clear').click();
         }
+    },
+    expect: {
+        startValue: (page, blockId, val)=>expect(startInput(page, blockId)).toHaveValue(val),
+        endValue: (page, blockId, val)=>expect(endInput(page, blockId)).toHaveValue(val)
     }
 });

package/dist/blocks/DateSelector/e2e.js

@@ -12,14 +12,72 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${blockId}_input)`);
-const input = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${escapeId(blockId)}_input)`);
+const input = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
+const monthNames = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec'
+];
+const navigateToMonth = async (dropdown, targetYear, targetMonth)=>{
+    const headerView = dropdown.locator('.ant-picker-header-view');
+    while(true){
+        const headerText = await headerView.textContent();
+        const yearMatch = headerText.match(/\d{4}/);
+        if (!yearMatch) {
+            throw new Error(`Could not parse year from picker header: "${headerText}"`);
+        }
+        const currentYear = parseInt(yearMatch[0], 10);
+        if (currentYear === targetYear) break;
+        if (currentYear > targetYear) {
+            await dropdown.locator('.ant-picker-header-super-prev-btn').click();
+        } else {
+            await dropdown.locator('.ant-picker-header-super-next-btn').click();
+        }
+    }
+    while(true){
+        const headerText = await headerView.textContent();
+        const currentMonthName = monthNames.find((m)=>headerText.includes(m));
+        if (!currentMonthName) {
+            throw new Error(`Could not parse month from picker header: "${headerText}"`);
+        }
+        const currentMonth = monthNames.indexOf(currentMonthName) + 1;
+        if (currentMonth === targetMonth) break;
+        if (currentMonth > targetMonth) {
+            await dropdown.locator('.ant-picker-header-prev-btn').click();
+        } else {
+            await dropdown.locator('.ant-picker-header-next-btn').click();
+        }
+    }
+};
 export default createBlockHelper({
     locator,
     do: {
         open: (page, blockId)=>locator(page, blockId).click(),
+        fill: async (page, blockId, val)=>{
+            await input(page, blockId).click();
+            await page.keyboard.type(val);
+            await page.keyboard.press('Enter');
+        },
+        select: async (page, blockId, dateString)=>{
+            const [year, month] = dateString.split('-').map(Number);
+            await locator(page, blockId).click();
+            const dropdown = page.locator('.ant-picker-dropdown:visible');
+            await expect(dropdown).toBeVisible();
+            await navigateToMonth(dropdown, year, month);
+            await dropdown.locator(`.ant-picker-cell-in-view[title="${dateString}"]`).click();
+        },
         clear: async (page, blockId)=>{
             await locator(page, blockId).hover();
             await locator(page, blockId).locator('.ant-picker-clear').click();

package/dist/blocks/DateTimeSelector/e2e.js

@@ -12,14 +12,88 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${blockId}_input)`);
-const input = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${escapeId(blockId)}_input)`);
+const input = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
+const monthNames = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec'
+];
+const navigateToMonth = async (dropdown, targetYear, targetMonth)=>{
+    const datePanel = dropdown.locator('.ant-picker-date-panel');
+    const headerView = datePanel.locator('.ant-picker-header-view');
+    while(true){
+        const headerText = await headerView.textContent();
+        const yearMatch = headerText.match(/\d{4}/);
+        if (!yearMatch) {
+            throw new Error(`Could not parse year from picker header: "${headerText}"`);
+        }
+        const currentYear = parseInt(yearMatch[0], 10);
+        if (currentYear === targetYear) break;
+        if (currentYear > targetYear) {
+            await datePanel.locator('.ant-picker-header-super-prev-btn').click();
+        } else {
+            await datePanel.locator('.ant-picker-header-super-next-btn').click();
+        }
+    }
+    while(true){
+        const headerText = await headerView.textContent();
+        const currentMonthName = monthNames.find((m)=>headerText.includes(m));
+        if (!currentMonthName) {
+            throw new Error(`Could not parse month from picker header: "${headerText}"`);
+        }
+        const currentMonth = monthNames.indexOf(currentMonthName) + 1;
+        if (currentMonth === targetMonth) break;
+        if (currentMonth > targetMonth) {
+            await datePanel.locator('.ant-picker-header-prev-btn').click();
+        } else {
+            await datePanel.locator('.ant-picker-header-next-btn').click();
+        }
+    }
+};
 export default createBlockHelper({
     locator,
     do: {
         open: (page, blockId)=>locator(page, blockId).click(),
+        fill: async (page, blockId, val)=>{
+            await input(page, blockId).click();
+            await page.keyboard.type(val);
+            await page.keyboard.press('Enter');
+        },
+        select: async (page, blockId, dateTimeString)=>{
+            const [datePart, timePart] = dateTimeString.split(' ');
+            const [year, month] = datePart.split('-').map(Number);
+            await locator(page, blockId).click();
+            const dropdown = page.locator('.ant-picker-dropdown:visible');
+            await expect(dropdown).toBeVisible();
+            await navigateToMonth(dropdown, year, month);
+            await dropdown.locator(`.ant-picker-cell-in-view[title="${datePart}"]`).click();
+            if (timePart) {
+                const [hour, minute] = timePart.split(':');
+                const columns = dropdown.locator('.ant-picker-time-panel-column');
+                // Select hour
+                await columns.nth(0).locator(`li`).filter({
+                    hasText: new RegExp(`^${hour}$`)
+                }).click();
+                // Select minute
+                await columns.nth(1).locator(`li`).filter({
+                    hasText: new RegExp(`^${minute}$`)
+                }).click();
+                // Click OK to confirm
+                await dropdown.locator('.ant-picker-ok button').click();
+            }
+        },
         clear: async (page, blockId)=>{
             await locator(page, blockId).hover();
             await locator(page, blockId).locator('.ant-picker-clear').click();

package/dist/blocks/Descriptions/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-descriptions`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-descriptions`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/Divider/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-divider`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-divider`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/Footer/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-layout-footer`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-layout-footer`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/Header/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-layout-header`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-layout-header`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/Label/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/Layout/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-layout`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-layout`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/Menu/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/MobileMenu/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 // Menu items render inside a Drawer portal, not inside #bl-${blockId}.
 const drawerMenu = (page)=>page.locator('.ant-drawer .ant-menu');
 export default createBlockHelper({

package/dist/blocks/MonthSelector/e2e.js

@@ -12,14 +12,44 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${blockId}_input)`);
-const input = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${escapeId(blockId)}_input)`);
+const input = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
+const navigateToYear = async (dropdown, targetYear)=>{
+    const headerView = dropdown.locator('.ant-picker-header-view');
+    while(true){
+        const headerText = await headerView.textContent();
+        const yearMatch = headerText.match(/\d{4}/);
+        if (!yearMatch) {
+            throw new Error(`Could not parse year from picker header: "${headerText}"`);
+        }
+        const currentYear = parseInt(yearMatch[0], 10);
+        if (currentYear === targetYear) break;
+        if (currentYear > targetYear) {
+            await dropdown.locator('.ant-picker-header-super-prev-btn').click();
+        } else {
+            await dropdown.locator('.ant-picker-header-super-next-btn').click();
+        }
+    }
+};
 export default createBlockHelper({
     locator,
     do: {
         open: (page, blockId)=>locator(page, blockId).click(),
+        fill: async (page, blockId, val)=>{
+            await input(page, blockId).click();
+            await page.keyboard.type(val);
+            await page.keyboard.press('Enter');
+        },
+        select: async (page, blockId, monthString)=>{
+            const [year] = monthString.split('-').map(Number);
+            await locator(page, blockId).click();
+            const dropdown = page.locator('.ant-picker-dropdown:visible');
+            await expect(dropdown).toBeVisible();
+            await navigateToYear(dropdown, year);
+            await dropdown.locator(`.ant-picker-cell-in-view[title="${monthString}"]`).click();
+        },
         clear: async (page, blockId)=>{
             await locator(page, blockId).hover();
             await locator(page, blockId).locator('.ant-picker-clear').click();

package/dist/blocks/MultipleSelector/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`.ant-select:has(#${blockId}_input)`);
+const locator = (page, blockId)=>page.locator(`.ant-select:has(#${escapeId(blockId)}_input)`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/NumberInput/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/PageHeaderMenu/e2e.js

@@ -12,16 +12,16 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {
         clickMenuItem: (page, blockId, menuItemText)=>locator(page, blockId).locator('.ant-menu-item').filter({
                 hasText: menuItemText
             }).click(),
-        clickLogo: (page, blockId)=>locator(page, blockId).locator(`#${blockId}_header`).locator('a').first().click()
+        clickLogo: (page, blockId)=>locator(page, blockId).locator(`#${escapeId(blockId)}_header`).locator('a').first().click()
     },
     expect: {
         menuItemActive: (page, blockId, menuItemText)=>expect(locator(page, blockId).locator('.ant-menu-item-selected').filter({

package/dist/blocks/PageSiderMenu/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Pagination/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-pagination`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-pagination`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Paragraph/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/ParagraphInput/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-typography`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-typography`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/PasswordInput/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/PhoneNumberInput/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Popover/e2e.js

@@ -12,10 +12,10 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
 // Locator targets the trigger wrapper. The overlay is a portal (.ant-popover).
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Progress/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/RadioSelector/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/RatingSlider/e2e.js

@@ -12,10 +12,10 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-slider`);
-const handle = (page, blockId)=>page.locator(`#bl-${blockId} .ant-slider-handle`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-slider`);
+const handle = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-slider-handle`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Result/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 const resultLocator = (page, blockId)=>locator(page, blockId).locator('.ant-result');
 export default createBlockHelper({
     locator,

package/dist/blocks/Selector/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`.ant-select:has(#${blockId}_input)`);
+const locator = (page, blockId)=>page.locator(`.ant-select:has(#${escapeId(blockId)}_input)`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Sider/e2e.js

@@ -12,8 +12,8 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-layout-sider`);
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-layout-sider`);
 export default createBlockHelper({
     locator
 });

package/dist/blocks/Slider/e2e.js

@@ -12,10 +12,10 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-slider`);
-const handle = (page, blockId)=>page.locator(`#bl-${blockId} .ant-slider-handle`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-slider`);
+const handle = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-slider-handle`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Statistic/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/Switch/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Tabs/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-tabs`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-tabs`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Tag/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-tag`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-tag`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/TextArea/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/TextInput/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/TimelineList/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/Title/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#${blockId}`);
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {

package/dist/blocks/TitleInput/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-typography`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-typography`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/Tooltip/e2e.js

@@ -12,10 +12,10 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
 // Locator targets the trigger wrapper. The overlay is a portal (.ant-tooltip).
-const locator = (page, blockId)=>page.locator(`#bl-${blockId}`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/TreeSelector/e2e.js

@@ -12,9 +12,9 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-tree`);
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-tree`);
 export default createBlockHelper({
     locator,
     do: {

package/dist/blocks/WeekSelector/e2e.js

@@ -12,14 +12,72 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
 import { expect } from '@playwright/test';
-const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${blockId}_input)`);
-const input = (page, blockId)=>page.locator(`#${blockId}_input`);
+const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${escapeId(blockId)}_input)`);
+const input = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
+const monthNames = [
+    'Jan',
+    'Feb',
+    'Mar',
+    'Apr',
+    'May',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Oct',
+    'Nov',
+    'Dec'
+];
+const navigateToMonth = async (dropdown, targetYear, targetMonth)=>{
+    const headerView = dropdown.locator('.ant-picker-header-view');
+    while(true){
+        const headerText = await headerView.textContent();
+        const yearMatch = headerText.match(/\d{4}/);
+        if (!yearMatch) {
+            throw new Error(`Could not parse year from picker header: "${headerText}"`);
+        }
+        const currentYear = parseInt(yearMatch[0], 10);
+        if (currentYear === targetYear) break;
+        if (currentYear > targetYear) {
+            await dropdown.locator('.ant-picker-header-super-prev-btn').click();
+        } else {
+            await dropdown.locator('.ant-picker-header-super-next-btn').click();
+        }
+    }
+    while(true){
+        const headerText = await headerView.textContent();
+        const currentMonthName = monthNames.find((m)=>headerText.includes(m));
+        if (!currentMonthName) {
+            throw new Error(`Could not parse month from picker header: "${headerText}"`);
+        }
+        const currentMonth = monthNames.indexOf(currentMonthName) + 1;
+        if (currentMonth === targetMonth) break;
+        if (currentMonth > targetMonth) {
+            await dropdown.locator('.ant-picker-header-prev-btn').click();
+        } else {
+            await dropdown.locator('.ant-picker-header-next-btn').click();
+        }
+    }
+};
 export default createBlockHelper({
     locator,
     do: {
         open: (page, blockId)=>locator(page, blockId).click(),
+        fill: async (page, blockId, val)=>{
+            await input(page, blockId).click();
+            await page.keyboard.type(val);
+            await page.keyboard.press('Enter');
+        },
+        select: async (page, blockId, dateString)=>{
+            const [year, month] = dateString.split('-').map(Number);
+            await locator(page, blockId).click();
+            const dropdown = page.locator('.ant-picker-dropdown:visible');
+            await expect(dropdown).toBeVisible();
+            await navigateToMonth(dropdown, year, month);
+            await dropdown.locator(`.ant-picker-cell-in-view[title="${dateString}"]`).click();
+        },
         clear: async (page, blockId)=>{
             await locator(page, blockId).hover();
             await locator(page, blockId).locator('.ant-picker-clear').click();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd",
-  "version": "4.6.0",
+  "version": "4.7.1",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design Blocks",
   "homepage": "https://lowdefy.com",
@@ -45,8 +45,8 @@
   ],
   "dependencies": {
     "@ant-design/icons": "4.8.0",
-    "@lowdefy/block-utils": "4.6.0",
-    "@lowdefy/helpers": "4.6.0",
+    "@lowdefy/block-utils": "4.7.1",
+    "@lowdefy/helpers": "4.7.1",
     "antd": "4.24.14",
     "classnames": "2.3.2",
     "moment": "2.29.4",
@@ -56,10 +56,10 @@
     "tinycolor2": "1.6.0"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "4.6.0",
-    "@lowdefy/e2e-utils": "4.6.0",
+    "@lowdefy/block-dev-e2e": "4.7.1",
+    "@lowdefy/e2e-utils": "4.7.1",
     "@playwright/test": "1.50.1",
-    "@lowdefy/node-utils": "4.6.0",
+    "@lowdefy/node-utils": "4.7.1",
     "@swc/cli": "0.1.63",
     "@swc/core": "1.3.99",
     "copyfiles": "2.4.1"