@lowdefy/blocks-antd 5.5.1 → 6.0.0

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

@@ -0,0 +1,427 @@
+# 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: selector
+type: Box
+
+events:
+  onInit:
+    - id: set_defaults
+      type: SetState
+      params:
+        selector_with_value: Option 2
+        selector_no_allowclear: A
+        selector_onclear: Apple
+        selector_clearable: B
+        selector_object_value:
+          _id: b2
+          name: Bob
+        selector_object_primarykey:
+          _id: b2
+          name: Stale Name
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: selector_basic
+    type: Selector
+    properties:
+      options:
+        - Option 1
+        - Option 2
+        - Option 3
+
+  - id: selector_with_value
+    type: Selector
+    properties:
+      options:
+        - Option 1
+        - Option 2
+        - Option 3
+
+  # ============================================
+  # PROPERTY TESTS
+  # ============================================
+
+  - id: selector_placeholder
+    type: Selector
+    properties:
+      placeholder: Choose an item
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_disabled
+    type: Selector
+    properties:
+      disabled: true
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_small
+    type: Selector
+    properties:
+      size: small
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_large
+    type: Selector
+    properties:
+      size: large
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_borderless
+    type: Selector
+    properties:
+      bordered: false
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_no_allowclear
+    type: Selector
+    properties:
+      allowClear: false
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_no_search
+    type: Selector
+    properties:
+      showSearch: false
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_no_arrow
+    type: Selector
+    properties:
+      showArrow: false
+      options:
+        - A
+        - B
+        - C
+
+  # ============================================
+  # OPTIONS TESTS
+  # ============================================
+
+  - id: selector_object_options
+    type: Selector
+    properties:
+      options:
+        - value: opt1
+          label: First Option
+        - value: opt2
+          label: Second Option
+        - value: opt3
+          label: Third Option
+
+  - id: selector_disabled_option
+    type: Selector
+    properties:
+      options:
+        - value: enabled1
+          label: Enabled Option
+        - value: disabled1
+          label: Disabled Option
+          disabled: true
+        - value: enabled2
+          label: Another Enabled
+
+  - id: selector_empty_options
+    type: Selector
+    properties:
+      options: []
+      notFoundContent: No items available
+
+  # ============================================
+  # EVENT TESTS
+  # ============================================
+
+  - id: selector_onchange
+    type: Selector
+    properties:
+      options:
+        - Apple
+        - Banana
+        - Cherry
+    events:
+      onChange:
+        - id: set_onchange
+          type: SetState
+          params:
+            onchange_value:
+              _event: value
+
+  - id: onchange_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: onchange_value
+              - null
+          then:
+            _string.concat:
+              - 'Selected: '
+              - _state: onchange_value
+          else: ''
+
+  - id: selector_onclear
+    type: Selector
+    properties:
+      options:
+        - Apple
+        - Banana
+        - Cherry
+    events:
+      onClear:
+        - id: set_onclear
+          type: SetState
+          params:
+            onclear_fired: true
+
+  - id: onclear_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: onclear_fired
+              - true
+          then: Clear fired
+          else: ''
+
+  - id: selector_onblur
+    type: Selector
+    properties:
+      options:
+        - A
+        - B
+        - C
+    events:
+      onBlur:
+        - id: set_onblur
+          type: SetState
+          params:
+            onblur_fired: true
+
+  - id: onblur_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: onblur_fired
+              - true
+          then: Blur fired
+          else: ''
+
+  - id: selector_onfocus
+    type: Selector
+    properties:
+      options:
+        - A
+        - B
+        - C
+    events:
+      onFocus:
+        - id: set_onfocus
+          type: SetState
+          params:
+            onfocus_fired: true
+
+  - id: onfocus_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: onfocus_fired
+              - true
+          then: Focus fired
+          else: ''
+
+  - id: selector_onsearch
+    type: Selector
+    properties:
+      showSearch: true
+      options:
+        - Apple
+        - Apricot
+        - Banana
+        - Blueberry
+        - Cherry
+    events:
+      onSearch:
+        - id: set_onsearch
+          type: SetState
+          params:
+            search_value:
+              _event: value
+
+  - id: onsearch_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: search_value
+              - null
+          then:
+            _string.concat:
+              - 'Search: '
+              - _state: search_value
+          else: ''
+
+  # ============================================
+  # INTERACTION TESTS
+  # ============================================
+
+  - id: selector_clearable
+    type: Selector
+    properties:
+      allowClear: true
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_searchable
+    type: Selector
+    properties:
+      showSearch: true
+      options:
+        - Apple
+        - Apricot
+        - Banana
+        - Blueberry
+        - Cherry
+        - Cranberry
+
+  # ============================================
+  # SELECTOR CSSKEY TESTS
+  # ============================================
+
+  - id: selector_selector_style
+    type: Selector
+    style:
+      .selector:
+        padding: 12px
+    properties:
+      options:
+        - A
+        - B
+        - C
+
+  - id: selector_selector_class
+    type: Selector
+    class:
+      .selector: selector-selector-tailwind
+    properties:
+      options:
+        - A
+        - B
+        - C
+
+  # ============================================
+  # OBJECT-VALUED OPTIONS
+  # (regression: object values must display the selected value)
+  # ============================================
+
+  - id: selector_object_value
+    type: Selector
+    properties:
+      options:
+        - value:
+            _id: a1
+            name: Alice
+          label: Alice
+        - value:
+            _id: b2
+            name: Bob
+          label: Bob
+
+  - id: selector_object_select
+    type: Selector
+    properties:
+      options:
+        - value:
+            _id: a1
+            name: Alice
+          label: Alice
+        - value:
+            _id: b2
+            name: Bob
+          label: Bob
+    events:
+      onChange:
+        - id: set_selector_object_select
+          type: SetState
+          params:
+            selector_object_select_value:
+              _state: selector_object_select
+
+  - id: selector_object_select_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: selector_object_select_value
+              - null
+          then:
+            _string.concat:
+              - 'Selected: '
+              - _json.stringify:
+                  - _state: selector_object_select_value
+          else: ''
+
+  # primaryKey identity: stored value differs from the option value on every
+  # field except `_id`, so a correct match must project `_id` from both sides.
+  - id: selector_object_primarykey
+    type: Selector
+    properties:
+      primaryKey: _id
+      options:
+        - value:
+            _id: a1
+            name: Alice
+          label: Alice
+        - value:
+            _id: b2
+            name: Bob
+          label: Bob

package/dist/blocks/Selector/tests.yaml

@@ -0,0 +1,196 @@
+# 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: Selector
+- id: 'properties.options-string'
+  type: Selector
+  properties:
+    options:
+      - Option 1
+      - Option 2
+- id: 'properties.options-number'
+  type: Selector
+  properties:
+    options:
+      - 10
+      - 12
+- id: 'properties.options-object'
+  type: Selector
+  properties:
+    options:
+      - label: one
+        value: 1
+      - label: two
+        value: 2
+- id: 'properties.title: My Selector Title'
+  type: Selector
+  properties:
+    label:
+      title: My Selector Title
+- id: 'properties.allowClear: false'
+  type: Selector
+  properties:
+    allowClear: false
+    options:
+      - Option 1
+      - Option 2
+- id: 'properties.autoFocus: true'
+  type: Selector
+  properties:
+    autoFocus: true
+    options:
+      - Option 1
+      - Option 2
+- id: 'property.bordered: false'
+  type: Selector
+  properties:
+    bordered: false
+    options:
+      - Option 1
+      - Option 2
+- id: 'properties.clearIcon: ChromeFilled'
+  type: Selector
+  properties:
+    allowClear: true
+    clearIcon: ChromeFilled
+    options:
+      - Option 1
+      - Option 2
+- id: 'properties.clearIcon-object: ChromeFilled'
+  type: Selector
+  properties:
+    allowClear: true
+    clearIcon:
+      name: ChromeFilled
+      color: red
+    options:
+      - Option 1
+      - Option 2
+- id: 'properties.disabled: true'
+  type: Selector
+  properties:
+    disabled: true
+- id: 'properties.placeholder: Find item in list'
+  type: Selector
+  properties:
+    placeholder: Find item in list
+- id: 'properties.showArrow: false'
+  type: Selector
+  properties:
+    showArrow: false
+- id: 'properties.showSearch: false'
+  type: Selector
+  properties:
+    showSearch: false
+    options:
+      - Option 1
+      - Option 2
+- id: 'properties.showSearch: true'
+  type: Selector
+  properties:
+    showSearch: true
+    options:
+      - Option 1
+      - Option 2
+- id: 'properties.size: large'
+  type: Selector
+  properties:
+    size: large
+- id: 'properties.size: small'
+  type: Selector
+  properties:
+    size: small
+- id: 'properties.size: default'
+  type: Selector
+  properties:
+    size: default
+- id: 'properties.suffixIcon: AiOutlineDoubleLeft'
+  type: Selector
+  properties:
+    suffixIcon: AiOutlineDoubleLeft
+- id: 'properties.label span: 12'
+  type: Selector
+  properties:
+    label:
+      span: 12
+- id: 'properties.label align: right'
+  type: Selector
+  properties:
+    label:
+      align: right
+- id: 'properties.label align: left'
+  type: Selector
+  properties:
+    label:
+      align: left
+- id: 'properties.label inline: true'
+  type: Selector
+  properties:
+    label:
+      inline: true
+- id: 'properties.label disabled: true'
+  type: Selector
+  properties:
+    label:
+      disabled: true
+- id: 'properties.label colon: false'
+  type: Selector
+  properties:
+    label:
+      colon: false
+- id: 'properties.label extra: showing extra'
+  type: Selector
+  properties:
+    label:
+      extra: showing extra
+- id: 'properties.options: html'
+  type: Selector
+  properties:
+    options:
+      - '<div>Some main text</div><div style="font-size: 6px;">Some small subtext</div>'
+      - '<div style="color: green;">Option green</div>'
+      - Option 3
+- id: 'properties.options.label: html'
+  type: Selector
+  properties:
+    options:
+      - label: '<div>Some main text</div><div style="font-size: 6px;">Some small subtext</div>'
+        value: 1
+      - label: '<div style="color: green;">Option green</div>'
+        value: 2
+      - label: Option 3
+        value: 3
+- id: 'properties.options-style'
+  type: Selector
+  properties:
+    options:
+      - label: one
+        value: 1
+        style:
+          color: red
+      - label: two
+        value: 2
+- id: 'properties.options.label: html and properties.options.filterString'
+  type: Selector
+  properties:
+    options:
+      - label: '<div>Some main text</div><div style="font-size: 6px;">Some small subtext</div>'
+        filterString: 'Some main text'
+        value: 1
+      - label: '<div style="color: green;">Option green</div>'
+        filterString: 'Option green'
+        value: 2
+      - label: Option 3
+        value: 3