@lowdefy/blocks-antd 5.6.0 → 6.1.0

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

@@ -0,0 +1,175 @@
+# 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: pagesidermenu
+type: PageSiderMenu
+properties:
+  header:
+    theme: dark
+  sider:
+    theme: light
+    initialCollapsed: false
+    collapsible: true
+  menu:
+    links:
+      - id: psm_link1
+        type: MenuLink
+        properties:
+          title: Dashboard
+          icon: AiOutlineDashboard
+      - id: psm_link2
+        type: MenuLink
+        properties:
+          title: Users
+          icon: AiOutlineUser
+      - id: psm_group
+        type: MenuGroup
+        properties:
+          title: Settings
+          icon: AiOutlineSetting
+        links:
+          - id: psm_sub1
+            type: MenuLink
+            properties:
+              title: General
+          - id: psm_sub2
+            type: MenuLink
+            properties:
+              title: Security
+  breadcrumb:
+    list:
+      - Home
+      - Dashboard
+  logo:
+    alt: Test Logo
+
+slots:
+  header:
+    blocks:
+      - id: header_content
+        type: Span
+        properties:
+          content: Header Content Area
+  sider:
+    blocks:
+      - id: sider_content
+        type: Span
+        properties:
+          content: Sider Content
+  content:
+    blocks:
+      - id: main_content
+        type: Title
+        properties:
+          content: Main Content Area
+          level: 3
+
+      # ============================================
+      # METHOD TESTS
+      # ============================================
+
+      - id: toggle_sider_btn
+        type: Button
+        properties:
+          title: Toggle Sider
+        events:
+          onClick:
+            - id: toggle_sider
+              type: CallMethod
+              params:
+                blockId: pagesidermenu
+                method: toggleSiderOpen
+
+      - id: open_sider_btn
+        type: Button
+        properties:
+          title: Open Sider
+        events:
+          onClick:
+            - id: open_sider
+              type: CallMethod
+              params:
+                blockId: pagesidermenu
+                method: setSiderOpen
+                args:
+                  - open: true
+
+      - id: close_sider_btn
+        type: Button
+        properties:
+          title: Close Sider
+        events:
+          onClick:
+            - id: close_sider
+              type: CallMethod
+              params:
+                blockId: pagesidermenu
+                method: setSiderOpen
+                args:
+                  - open: false
+
+      # ============================================
+      # EVENT DISPLAYS
+      # ============================================
+
+      - id: breadcrumb_display
+        type: Span
+        properties:
+          content:
+            _if:
+              test:
+                _ne:
+                  - _state: psm_breadcrumb_clicked
+                  - null
+              then:
+                _string.concat:
+                  - 'Breadcrumb: '
+                  - _state: psm_breadcrumb_clicked
+              else: ''
+
+      - id: menuitem_display
+        type: Span
+        properties:
+          content:
+            _if:
+              test:
+                _ne:
+                  - _state: psm_menuitem_clicked
+                  - null
+              then:
+                _string.concat:
+                  - 'Menu clicked: '
+                  - _state: psm_menuitem_clicked
+              else: ''
+
+  footer:
+    blocks:
+      - id: footer_content
+        type: Span
+        properties:
+          content: Footer Content Area
+
+events:
+  onBreadcrumbClick:
+    - id: set_breadcrumb_clicked
+      type: SetState
+      params:
+        psm_breadcrumb_clicked:
+          _event: link
+  onMenuItemClick:
+    - id: set_menu_clicked
+      type: SetState
+      params:
+        psm_menuitem_clicked:
+          _event: key

package/dist/blocks/PageSiderMenu/tests.yaml

@@ -0,0 +1,211 @@
+# 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: PageSiderMenu
+- id: 'properties.menu'
+  type: PageSiderMenu
+  properties:
+    menu:
+      links:
+        - id: Introduction
+          type: MenuLink
+          pageId: introduction
+          properties:
+            icon: AiOutlineRocket
+            title: Introduction
+        - id: alert
+          type: MenuLink
+          pageId: Alert
+          properties:
+            icon: AiOutlineExclamationCircle
+            title: Alert
+- id: 'properties.logo.src'
+  type: PageHeaderMenu
+  properties:
+    logo:
+      src: 'https://lowdefy.com/logos/name_250.png'
+    menu:
+      links:
+        - id: Introduction
+          type: MenuLink
+          pageId: introduction
+          properties:
+            icon: AiOutlineRocket
+            title: Introduction
+        - id: alert
+          pageId: Alert
+          type: MenuLink
+          properties:
+            icon: AiOutlineExclamationCircle
+            title: Alert
+- id: 'properties.logo.alt'
+  type: PageHeaderMenu
+  properties:
+    logo:
+      alt: 'Header logo alt text'
+    menu:
+      links:
+        - id: Introduction
+          type: MenuLink
+          pageId: introduction
+          properties:
+            icon: AiOutlineRocket
+            title: Introduction
+        - id: alert
+          type: MenuLink
+          pageId: Alert
+          properties:
+            icon: AiOutlineExclamationCircle
+            title: Alert
+- id: 'properties.logo.style'
+  type: PageHeaderMenu
+  properties:
+    logo:
+      style:
+        border: 5px solid blue
+- id: 'properties.logo.srcSet'
+  type: PageHeaderMenu
+  properties:
+    logo:
+      srcSet: 'https://lowdefy.com/logos/name_250.png 250w, https://lowdefy.com/logos/name_450.png 450w'
+    menu:
+      links:
+        - id: Introduction
+          type: MenuLink
+          pageId: introduction
+          properties:
+            icon: AiOutlineRocket
+            title: Introduction
+        - id: alert
+          type: MenuLink
+          pageId: Alert
+          properties:
+            icon: AiOutlineExclamationCircle
+            title: Alert
+- id: 'properties.logo.size'
+  type: PageHeaderMenu
+  properties:
+    logo:
+      srcSet: '(max-width: 767px) 40px, 768px'
+    menu:
+      links:
+        - id: Introduction
+          type: MenuLink
+          pageId: introduction
+          properties:
+            icon: AiOutlineRocket
+            title: Introduction
+        - id: alert
+          type: MenuLink
+          pageId: Alert
+          properties:
+            icon: AiOutlineExclamationCircle
+            title: Alert
+- id: 'properties.header.theme: light'
+  type: PageSiderMenu
+  properties:
+    header:
+      theme: light
+    menu:
+      links:
+        - id: Introduction
+          type: MenuLink
+          pageId: introduction
+          properties:
+            icon: AiOutlineRocket
+            title: Introduction
+        - id: alert
+          type: MenuLink
+          pageId: Alert
+          properties:
+            icon: AiOutlineExclamationCircle
+            title: Alert
+- id: 'properties.breadcrumb.list'
+  type: PageHeaderMenu
+  properties:
+    breadcrumb:
+      list:
+        - Link one
+        - Link two
+- id: 'properties.footer.style'
+  type: PageHeaderMenu
+  properties:
+    footer:
+      style:
+        border: 5px solid blue
+  areas:
+    footer:
+      blocks: []
+- id: 'properties.content.style'
+  type: PageHeaderMenu
+  properties:
+    content:
+      style:
+        border: 5px solid blue
+  areas:
+    content:
+      blocks: []
+- id: 'properties.sider.style'
+  type: PageHeaderMenu
+  properties:
+    sider:
+      style:
+        border: 5px solid blue
+  areas:
+    sider:
+      blocks: []
+- id: 'properties.sider.initialCollapsed'
+  type: PageHeaderMenu
+  properties:
+    sider:
+      initialCollapsed: true
+  areas:
+    sider:
+      blocks: []
+- id: 'properties.sider.theme: dark'
+  type: PageHeaderMenu
+  properties:
+    sider:
+      theme: dark
+- id: 'properties.toggleSiderButton.type'
+  type: PageHeaderMenu
+  properties:
+    toggleSiderButton:
+      type: primary
+  areas:
+    sider:
+      blocks: []
+- id: 'properties.toggleSiderButton.hide'
+  type: PageHeaderMenu
+  properties:
+    toggleSiderButton:
+      hide: true
+  areas:
+    sider:
+      blocks: []
+- id: 'properties.header.style'
+  type: PageHeaderMenu
+  properties:
+    header:
+      style:
+        border: 5px solid blue
+  areas:
+    header:
+      blocks: []
+- id: 'properties.style'
+  type: PageHeaderMenu
+  properties:
+    style:
+      border: 5px solid blue