@lowdefy/blocks-antd 5.6.0 → 6.1.0

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

@@ -0,0 +1,370 @@
+# 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: tabs
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: tabs_basic
+    type: Tabs
+    properties:
+      tabs:
+        - key: tab1
+          title: Tab 1
+        - key: tab2
+          title: Tab 2
+        - key: tab3
+          title: Tab 3
+    slots:
+      tab1:
+        blocks:
+          - id: tabs_basic_tab1_content
+            type: Span
+            properties:
+              content: Content of Tab 1
+      tab2:
+        blocks:
+          - id: tabs_basic_tab2_content
+            type: Span
+            properties:
+              content: Content of Tab 2
+      tab3:
+        blocks:
+          - id: tabs_basic_tab3_content
+            type: Span
+            properties:
+              content: Content of Tab 3
+
+  # ============================================
+  # SIZE TESTS
+  # ============================================
+
+  - id: tabs_small
+    type: Tabs
+    properties:
+      size: small
+      tabs:
+        - key: small1
+          title: Small Tab
+    slots:
+      small1:
+        blocks:
+          - id: tabs_small_content
+            type: Span
+            properties:
+              content: Small size
+
+  - id: tabs_large
+    type: Tabs
+    properties:
+      size: large
+      tabs:
+        - key: large1
+          title: Large Tab
+    slots:
+      large1:
+        blocks:
+          - id: tabs_large_content
+            type: Span
+            properties:
+              content: Large size
+
+  # ============================================
+  # TAB TYPE
+  # ============================================
+
+  - id: tabs_card
+    type: Tabs
+    properties:
+      tabType: card
+      tabs:
+        - key: card1
+          title: Card Tab 1
+        - key: card2
+          title: Card Tab 2
+    slots:
+      card1:
+        blocks:
+          - id: tabs_card_tab1_content
+            type: Span
+            properties:
+              content: Card style tab
+      card2:
+        blocks:
+          - id: tabs_card_tab2_content
+            type: Span
+            properties:
+              content: Card tab 2
+
+  # ============================================
+  # TAB POSITION
+  # ============================================
+
+  - id: tabs_position_start
+    type: Tabs
+    properties:
+      tabPlacement: start
+      tabs:
+        - key: start1
+          title: Start Tab
+    slots:
+      start1:
+        blocks:
+          - id: tabs_position_start_content
+            type: Span
+            properties:
+              content: Tabs at the start
+
+  - id: tabs_position_end
+    type: Tabs
+    properties:
+      tabPlacement: end
+      tabs:
+        - key: end1
+          title: End Tab
+    slots:
+      end1:
+        blocks:
+          - id: tabs_position_end_content
+            type: Span
+            properties:
+              content: Tabs at the end
+
+  # ============================================
+  # DISABLED TAB
+  # ============================================
+
+  - id: tabs_disabled
+    type: Tabs
+    properties:
+      tabs:
+        - key: enabled
+          title: Enabled Tab
+        - key: disabled
+          title: Disabled Tab
+          disabled: true
+    slots:
+      enabled:
+        blocks:
+          - id: tabs_disabled_enabled_content
+            type: Span
+            properties:
+              content: This tab is enabled
+      disabled:
+        blocks:
+          - id: tabs_disabled_content
+            type: Span
+            properties:
+              content: Cannot access this tab
+
+  # ============================================
+  # DEFAULT ACTIVE TAB
+  # ============================================
+
+  - id: tabs_default_active
+    type: Tabs
+    properties:
+      defaultActiveKey: second
+      tabs:
+        - key: first
+          title: First Tab
+        - key: second
+          title: Second Tab (Default)
+    slots:
+      first:
+        blocks:
+          - id: tabs_default_first_content
+            type: Span
+            properties:
+              content: First tab content
+      second:
+        blocks:
+          - id: tabs_default_second_content
+            type: Span
+            properties:
+              content: This tab is active by default
+
+  # ============================================
+  # TAB WITH ICON
+  # ============================================
+
+  - id: tabs_with_icon
+    type: Tabs
+    properties:
+      tabs:
+        - key: home
+          title: Home
+          icon: AiOutlineHome
+        - key: settings
+          title: Settings
+          icon: AiOutlineSetting
+    slots:
+      home:
+        blocks:
+          - id: tabs_icon_home_content
+            type: Span
+            properties:
+              content: Home tab with icon
+      settings:
+        blocks:
+          - id: tabs_icon_settings_content
+            type: Span
+            properties:
+              content: Settings tab with icon
+
+  # ============================================
+  # EVENT TESTS
+  # ============================================
+
+  - id: tabs_onchange
+    type: Tabs
+    properties:
+      tabs:
+        - key: change1
+          title: Tab A
+        - key: change2
+          title: Tab B
+    events:
+      onChange:
+        - id: set_tab_changed
+          type: SetState
+          params:
+            tabs_active_key:
+              _event: activeKey
+    slots:
+      change1:
+        blocks:
+          - id: tabs_onchange_tab1_content
+            type: Span
+            properties:
+              content: Tab A content
+      change2:
+        blocks:
+          - id: tabs_onchange_tab2_content
+            type: Span
+            properties:
+              content: Tab B content
+
+  - id: onchange_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: tabs_active_key
+              - null
+          then:
+            _string.concat:
+              - 'Active: '
+              - _state: tabs_active_key
+          else: ''
+
+  # ============================================
+  # SHORTCUT BADGE TESTS
+  # ============================================
+
+  - id: tabs_shortcut
+    type: Tabs
+    properties:
+      tabs:
+        - key: sc_tab1
+          title: First
+          shortcut: mod+1
+        - key: sc_tab2
+          title: Second
+          shortcut: mod+2
+        - key: sc_no_shortcut
+          title: No Shortcut
+    slots:
+      sc_tab1:
+        blocks:
+          - id: tabs_sc_tab1_content
+            type: Span
+            properties:
+              content: First tab content
+      sc_tab2:
+        blocks:
+          - id: tabs_sc_tab2_content
+            type: Span
+            properties:
+              content: Second tab content
+      sc_no_shortcut:
+        blocks:
+          - id: tabs_sc_no_shortcut_content
+            type: Span
+            properties:
+              content: No shortcut content
+
+  # ============================================
+  # SHORTCUT KEYBOARD TESTS
+  # ============================================
+
+  - id: tabs_shortcut_fires
+    type: Tabs
+    properties:
+      tabs:
+        - key: sk_tab1
+          title: Tab A
+          shortcut: mod+j
+        - key: sk_tab2
+          title: Tab B
+          shortcut: mod+;
+        - key: sk_tab3
+          title: Tab C
+    events:
+      onChange:
+        - id: set_tab_shortcut_key
+          type: SetState
+          params:
+            tabs_shortcut_active_key:
+              _event: activeKey
+    slots:
+      sk_tab1:
+        blocks:
+          - id: tabs_sk_tab1_content
+            type: Span
+            properties:
+              content: Tab A content
+      sk_tab2:
+        blocks:
+          - id: tabs_sk_tab2_content
+            type: Span
+            properties:
+              content: Tab B content
+      sk_tab3:
+        blocks:
+          - id: tabs_sk_tab3_content
+            type: Span
+            properties:
+              content: Tab C content
+
+  - id: tabs_shortcut_fired_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: tabs_shortcut_active_key
+              - null
+          then:
+            _string.concat:
+              - 'active:'
+              - _state: tabs_shortcut_active_key
+          else: ''

package/dist/blocks/Tabs/tests.yaml

@@ -0,0 +1,349 @@
+# 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: Tabs
+- id: properties.tabs.key
+  type: Tabs
+  properties:
+    tabs:
+      - key: content_one
+      - key: content_two
+      - key: content_three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: properties.tabs.title
+  type: Tabs
+  properties:
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: properties.extraAreaKey
+  type: Tabs
+  properties:
+    extraAreaKey: content_two
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: properties.tabs.disabled
+  type: Tabs
+  properties:
+    tabs:
+      - key: content_one
+        title: Title One
+        disabled: true
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+        disabled: true
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: properties.tabs.icon
+  type: Tabs
+  properties:
+    tabs:
+      - key: content_one
+        title: Title One
+        icon: AiOutlineWarning
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+        icon: AiOutlineSave
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.activeKey: content_two'
+  type: Tabs
+  properties:
+    activeKey: content_two
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.defaultActiveKey: content_three'
+  type: Tabs
+  properties:
+    defaultActiveKey: content_three
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.animated: false'
+  type: Tabs
+  properties:
+    animated: false
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.size: small'
+  type: Tabs
+  properties:
+    size: small
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.size: large'
+  type: Tabs
+  properties:
+    size: large
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.tabPlacement: end - top is default'
+  type: Tabs
+  properties:
+    tabPlacement: end
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.tabPlacement: bottom'
+  type: Tabs
+  properties:
+    tabPlacement: bottom
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties.tabPlacement: start'
+  type: Tabs
+  properties:
+    tabPlacement: start
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test
+- id: 'properties. tabType: card - line is default'
+  type: Tabs
+  properties:
+    tabType: card
+    tabs:
+      - key: content_one
+        title: Title One
+      - key: content_two
+        title: Title Two
+      - key: content_three
+        title: Title Three
+  areas:
+    content_one:
+      blocks:
+        - id: ex_1_block_1
+          type: Test
+    content_two:
+      blocks:
+        - id: ex_1_block_2
+          type: Test
+    content_three:
+      blocks:
+        - id: ex_1_block_3
+          type: Test