@lowdefy/blocks-antd 5.6.0 → 6.1.0

package/dist/blocks/MobileMenu/tests/MobileMenu.e2e.yaml

@@ -0,0 +1,314 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# 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.
+
+id: mobilemenu
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: mm_basic
+    type: MobileMenu
+    properties:
+      theme: light
+      links:
+        - id: mm_link1
+          type: MenuLink
+          properties:
+            title: Home
+        - id: mm_link2
+          type: MenuLink
+          properties:
+            title: About
+        - id: mm_link3
+          type: MenuLink
+          properties:
+            title: Contact
+
+  # ============================================
+  # THEME TESTS
+  # ============================================
+
+  - id: mm_dark
+    type: MobileMenu
+    properties:
+      theme: dark
+      links:
+        - id: mm_dark_link1
+          type: MenuLink
+          properties:
+            title: Dark Item 1
+        - id: mm_dark_link2
+          type: MenuLink
+          properties:
+            title: Dark Item 2
+
+  # ============================================
+  # PROPERTY TESTS
+  # ============================================
+
+  - id: mm_with_drawer
+    type: MobileMenu
+    properties:
+      theme: light
+      drawer:
+        title: Custom Drawer Title
+        placement: right
+      links:
+        - id: mm_drawer_link1
+          type: MenuLink
+          properties:
+            title: Drawer Item 1
+        - id: mm_drawer_link2
+          type: MenuLink
+          properties:
+            title: Drawer Item 2
+
+  - id: mm_with_groups
+    type: MobileMenu
+    properties:
+      theme: light
+      links:
+        - id: mm_group
+          type: MenuGroup
+          properties:
+            title: Settings
+          links:
+            - id: mm_sub1
+              type: MenuLink
+              properties:
+                title: General
+            - id: mm_sub2
+              type: MenuLink
+              properties:
+                title: Security
+
+  # ============================================
+  # METHOD TESTS
+  # ============================================
+
+  - id: mm_methods
+    type: MobileMenu
+    properties:
+      theme: light
+      links:
+        - id: mm_method_link1
+          type: MenuLink
+          properties:
+            title: Method Item
+
+  - id: open_mm_methods
+    type: Button
+    properties:
+      title: Open Menu
+    events:
+      onClick:
+        - id: open_menu
+          type: CallMethod
+          params:
+            blockId: mm_methods
+            method: setOpen
+            args:
+              - open: true
+
+  - id: close_mm_methods
+    type: Button
+    properties:
+      title: Close Menu
+    events:
+      onClick:
+        - id: close_menu
+          type: CallMethod
+          params:
+            blockId: mm_methods
+            method: setOpen
+            args:
+              - open: false
+
+  - id: toggle_mm_methods
+    type: Button
+    properties:
+      title: Toggle Menu
+    events:
+      onClick:
+        - id: toggle_menu
+          type: CallMethod
+          params:
+            blockId: mm_methods
+            method: toggleOpen
+
+  # ============================================
+  # EVENT TESTS
+  # ============================================
+
+  - id: mm_events
+    type: MobileMenu
+    properties:
+      theme: light
+      links:
+        - id: mm_event_link1
+          type: MenuLink
+          properties:
+            title: Event Item 1
+        - id: mm_event_link2
+          type: MenuLink
+          properties:
+            title: Event Item 2
+    events:
+      onToggleDrawer:
+        - id: set_toggle_fired
+          type: SetState
+          params:
+            mm_toggle_fired: true
+      onMenuItemClick:
+        - id: set_item_clicked
+          type: SetState
+          params:
+            mm_item_clicked:
+              _event: key
+
+  - id: ontoggle_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: mm_toggle_fired
+              - true
+          then: Toggle fired
+          else: ''
+
+  - id: onclick_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: mm_item_clicked
+              - null
+          then:
+            _string.concat:
+              - 'Clicked: '
+              - _state: mm_item_clicked
+          else: ''
+
+  # ============================================
+  # ITEM TARGETING TESTS
+  # ============================================
+
+  - id: mm_targeting
+    type: MobileMenu
+    properties:
+      theme: light
+      links:
+        - id: mm_target_home
+          type: MenuLink
+          properties:
+            title: Home
+        - id: mm_target_dashboard
+          pageId: mm_dashboard_page
+          type: MenuLink
+          properties:
+            title: Dashboard
+        - id: mm_target_users
+          type: MenuLink
+          properties:
+            title: Users
+        - id: mm_settings_group
+          type: MenuGroup
+          properties:
+            title: Settings
+          links:
+            - id: mm_general_settings
+              type: MenuLink
+              properties:
+                title: General
+            - id: mm_security_settings
+              type: MenuLink
+              properties:
+                title: Security
+    events:
+      onMenuItemClick:
+        - id: set_mm_targeting_clicked
+          type: SetState
+          params:
+            mm_targeting_clicked_key:
+              _event: key
+
+  - id: mm_targeting_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: mm_targeting_clicked_key
+              - null
+          then:
+            _string.concat:
+              - 'Clicked: '
+              - _state: mm_targeting_clicked_key
+          else: ''
+
+  # ============================================
+  # LOGO TESTS
+  # ============================================
+
+  - id: mm_with_logo
+    type: MobileMenu
+    properties:
+      theme: light
+      logo:
+        src: /test-logo.png
+        alt: Test Logo
+      links:
+        - id: mm_logo_link1
+          type: MenuLink
+          properties:
+            title: Home
+        - id: mm_logo_link2
+          type: MenuLink
+          properties:
+            title: About
+
+  # ============================================
+  # DRAWER CONTENT AND FOOTER SLOT TESTS
+  # ============================================
+
+  - id: mm_with_slots
+    type: MobileMenu
+    properties:
+      theme: light
+      links:
+        - id: mm_slot_link1
+          type: MenuLink
+          properties:
+            title: Item 1
+    slots:
+      drawerContent:
+        blocks:
+          - id: mm_drawer_content_text
+            type: Span
+            properties:
+              content: Drawer Content Below Menu
+      drawerFooter:
+        blocks:
+          - id: mm_drawer_footer_text
+            type: Span
+            properties:
+              content: Drawer Footer Text

package/dist/blocks/MobileMenu/tests.yaml

@@ -0,0 +1,359 @@
+# Copyright 2020-2026 Lowdefy, Inc
+
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+
+#     http://www.apache.org/licenses/LICENSE-2.0
+
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# 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.
+
+- id: default
+  type: MobileMenu
+- id: properties.links
+  type: MobileMenu
+  properties:
+    links:
+      - id: Menu_item_one
+        type: MenuLink
+        pageId: page_1
+      - id: Menu Item two
+        type: MenuLink
+        pageId: page_2
+- id: 'properties.icon'
+  type: MobileMenu
+  properties:
+    links:
+      - id: Menu_item_one
+        type: MenuLink
+        pageId: page_1
+        properties:
+          icon: AiFillRocket
+      - id: Menu Item two
+        type: MenuLink
+        pageId: page_2
+        properties:
+          icon: AiFillVideoCamera
+- id: 'properties.title'
+  type: MobileMenu
+  properties:
+    links:
+      - id: Menu_item_one
+        type: MenuLink
+        pageId: page_1
+        properties:
+          title: Title Menu Item 1
+          icon: AiFillRocket
+      - id: Menu Item two
+        type: MenuLink
+        pageId: page_2
+        properties:
+          title: Title Menu Item 2
+          icon: AiFillVideoCamera
+- id: 'properties.MenuGroup with MenuLInks'
+  type: MobileMenu
+  properties:
+    links:
+      - id: menu_group_1
+        type: MenuGroup
+        properties:
+          title: Menu Group 1
+        links:
+          - id: menu_item_1
+            type: MenuLink
+            PageId: page_1_1
+            properties:
+              title: Menu Item one
+          - id: menu_item_2
+            type: MenuLink
+            PageId: page_1_2
+            properties:
+              title: Menu Item two
+- id: 'properties.subMenuOpenDelay: 3'
+  type: MobileMenu
+  properties:
+    subMenuOpenDelay: 3
+    links:
+      - id: menu_group_1
+        type: MenuGroup
+        properties:
+          title: Menu Group 1
+        links:
+          - id: menu_item_1
+            type: MenuLink
+            pageId: page_1_1
+            properties:
+              title: Menu Item one
+          - id: menu_item_2
+            type: MenuLink
+            PageId: page_1_2
+            properties:
+              title: Menu Item two
+- id: 'properties.subMenuCloseDelay: 3'
+  type: MobileMenu
+  properties:
+    subMenuCloseDelay: 3
+    links:
+      - id: menu_group_1
+        type: MenuGroup
+        properties:
+          title: Menu Group 1
+        links:
+          - id: menu_item_1
+            type: MenuLink
+            pageId: page_1_1
+            properties:
+              title: Menu Item one
+          - id: menu_item_2
+            type: MenuLink
+            pageId: page_1_2
+            properties:
+              title: Menu Item two
+- id: 'properties.danger: true'
+  type: MobileMenu
+  properties:
+    links:
+      - id: menu_group_1
+        type: MenuGroup
+        properties:
+          title: Menu Group 1
+        links:
+          - id: menu_item_1_1
+            type: MenuLink
+            pageId: page_1_1
+            properties:
+              title: Menu Item one
+          - id: menu_item_1_2
+            type: MenuLink
+            pageId: page_1_2
+            properties:
+              title: Menu Item two
+      - id: menu_item_2
+        type: MenuLink
+        pageId: page_2
+        properties:
+          title: Title Menu Item 2
+          icon: AiFillVideoCamera
+          danger: true
+
+# mode inline
+- id: 'theme: light'
+  type: MobileMenu
+  properties:
+    theme: light
+    selectedKeys:
+      - menu_item_1_1
+      - menu_item_3
+      - menu_item_1_2_2
+    links:
+      - id: menu_group_1
+        type: MenuGroup
+        properties:
+          title: Menu Group 1
+        links:
+          - id: menu_item_1_1
+            type: MenuLink
+            pageId: page_1_1
+            properties:
+              title: Menu Item one
+          - id: menu_item_1_2
+            type: MenuGroup
+            properties:
+              title: Menu Group
+            links:
+              - id: menu_item_1_2_1
+                type: MenuLink
+                pageId: page_1_2_1
+                properties:
+                  title: Menu Group one
+              - id: menu_item_1_2_2
+                type: MenuLink
+                pageId: page_1_2_2
+                properties:
+                  title: Menu Group two
+      - id: menu_item_2
+        type: MenuLink
+        pageId: page_2
+        properties:
+          title: Title Menu Item 2
+          icon: AiFillVideoCamera
+      - id: menu_item_3
+        type: MenuLink
+        pageId: page_3
+        properties:
+          title: Title Menu Item 3
+          icon: AiFillVideoCamera
+
+- id: 'menus: links[0]'
+  type: MobileMenu
+  menus:
+    - id: menu_one
+      menuId: menu_one
+      links:
+        - id: menu_group_1
+          type: MenuGroup
+          properties:
+            title: Menu Group 1
+          links:
+            - id: menu_item_1_1
+              type: MenuLink
+              pageId: page_1_1
+              properties:
+                title: Menu Item one
+        - id: menu_item_2
+          type: MenuLink
+          pageId: page_2
+          properties:
+            title: Title Menu Item 2
+            icon: AiFillVideoCamera
+- id: 'menus: default'
+  type: MobileMenu
+  menus:
+    - id: menu_one
+      menuId: menu_one
+      links:
+        - id: menu_group_1
+          type: MenuGroup
+          properties:
+            title: Menu Group 1
+          links:
+            - id: menu_item_1_1
+              type: MenuLink
+              pageId: page_1_1
+              properties:
+                title: Menu Item one
+        - id: menu_item_2
+          type: MenuLink
+          pageId: page_2
+          properties:
+            title: Title Menu Item 2
+            icon: AiFillVideoCamera
+    - id: menu_one
+      menuId: default
+      links:
+        - id: default_menu_group_1
+          type: MenuGroup
+          properties:
+            title: default Menu Group 1
+          links:
+            - id: default_menu_item_1_1
+              type: MenuLink
+              pageId: default_page_1_1
+              properties:
+                title: default Menu Item one
+
+- id: 'menus: properties.menuId: menu_one'
+  type: MobileMenu
+  properties:
+    menuId: menu_one
+  menus:
+    - id: menu_one
+      menuId: menu_one
+      links:
+        - id: menu_group_1
+          type: MenuGroup
+          properties:
+            title: Menu Group 1
+          links:
+            - id: menu_item_1_1
+              type: MenuLink
+              pageId: page_1_1
+              properties:
+                title: Menu Item one
+        - id: menu_item_2
+          type: MenuLink
+          pageId: page_2
+          properties:
+            title: Title Menu Item 2
+            icon: AiFillVideoCamera
+    - id: menu_one
+      menuId: default
+      links:
+        - id: default_menu_group_1
+          type: MenuGroup
+          properties:
+            title: default Menu Group 1
+          links:
+            - id: default_menu_item_1_1
+              type: MenuLink
+              pageId: default_page_1_1
+              properties:
+                title: default Menu Item one
+
+- id: 'menusTitle properties.title'
+  type: MobileMenu
+  menus:
+    - id: menu_one
+      menuId: menu_one
+      links:
+        - id: menu_item_2
+          type: MenuLink
+          pageId: page_2
+          properties:
+            title: Title Menu Item 2
+            icon: AiFillVideoCamera
+
+- id: 'menusTitle pageId'
+  type: MobileMenu
+  menus:
+    - id: menu_one
+      menuId: menu_one
+      links:
+        - id: menu_item_2
+          type: MenuLink
+          pageId: pageId_page_2
+          properties:
+            icon: AiFillVideoCamera
+
+- id: 'menusTitle url'
+  type: MobileMenu
+  menus:
+    - id: menu_one
+      menuId: menu_one
+      links:
+        - id: menu_item_2
+          type: MenuLink
+          url: http://page.com
+          properties:
+            icon: AiFillVideoCamera
+- id: 'properties.logo'
+  type: MobileMenu
+  properties:
+    logo:
+      src: /logo.png
+      alt: My App
+    links:
+      - id: menu_item_1
+        type: MenuLink
+        properties:
+          title: Home
+- id: 'areas.drawerContent:'
+  type: MobileMenu
+  properties:
+    links:
+      - id: menu_item_1
+        type: MenuLink
+        properties:
+          title: Home
+  areas:
+    drawerContent:
+      blocks:
+        - id: one
+          type: Test
+- id: 'areas.drawerFooter:'
+  type: MobileMenu
+  properties:
+    links:
+      - id: menu_item_1
+        type: MenuLink
+        properties:
+          title: Home
+  areas:
+    drawerFooter:
+      blocks:
+        - id: one
+          type: Test