@lowdefy/blocks-antd 5.5.1 → 6.0.0

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

@@ -0,0 +1,330 @@
+# 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: auto_complete
+type: Box
+
+events:
+  onInit:
+    - id: set_defaults
+      type: SetState
+      params:
+        ac_with_value: Apple
+        ac_onclear: Banana
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: ac_basic
+    type: AutoComplete
+    properties:
+      options:
+        - Apple
+        - Apricot
+        - Banana
+        - Blueberry
+        - Cherry
+
+  - id: ac_with_value
+    type: AutoComplete
+    properties:
+      options:
+        - Apple
+        - Apricot
+        - Banana
+        - Blueberry
+        - Cherry
+
+  # ============================================
+  # PROPERTY TESTS
+  # ============================================
+
+  - id: ac_placeholder
+    type: AutoComplete
+    properties:
+      placeholder: Start typing...
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_disabled
+    type: AutoComplete
+    properties:
+      disabled: true
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_small
+    type: AutoComplete
+    properties:
+      size: small
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_large
+    type: AutoComplete
+    properties:
+      size: large
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_borderless
+    type: AutoComplete
+    properties:
+      bordered: false
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_no_allowclear
+    type: AutoComplete
+    properties:
+      allowClear: false
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_default_open
+    type: AutoComplete
+    properties:
+      defaultOpen: true
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_backfill
+    type: AutoComplete
+    properties:
+      backfill: true
+      options:
+        - Apple
+        - Apricot
+        - Avocado
+
+  - id: ac_with_title
+    type: AutoComplete
+    properties:
+      title: Search fruits
+      options:
+        - Apple
+        - Banana
+        - Cherry
+
+  - id: ac_with_label
+    type: AutoComplete
+    properties:
+      label:
+        title: Fruit name
+        colon: true
+        extra: Type to search or select
+      options:
+        - Apple
+        - Banana
+        - Cherry
+
+  # ============================================
+  # EVENT TESTS
+  # ============================================
+
+  - id: ac_onchange
+    type: AutoComplete
+    properties:
+      options:
+        - Apple
+        - Banana
+        - Cherry
+    events:
+      onChange:
+        - id: set_onchange
+          type: SetState
+          params:
+            ac_onchange_value:
+              _state: ac_onchange
+
+  - id: ac_onchange_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: ac_onchange_value
+              - null
+          then:
+            _string.concat:
+              - 'Value: '
+              - _state: ac_onchange_value
+          else: ''
+
+  - id: ac_onclear
+    type: AutoComplete
+    properties:
+      options:
+        - Apple
+        - Banana
+        - Cherry
+    events:
+      onClear:
+        - id: set_onclear
+          type: SetState
+          params:
+            ac_onclear_fired: true
+
+  - id: ac_onclear_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: ac_onclear_fired
+              - true
+          then: Clear fired
+          else: ''
+
+  - id: ac_onblur
+    type: AutoComplete
+    properties:
+      options:
+        - A
+        - B
+        - C
+    events:
+      onBlur:
+        - id: set_onblur
+          type: SetState
+          params:
+            ac_onblur_fired: true
+
+  - id: ac_onblur_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: ac_onblur_fired
+              - true
+          then: Blur fired
+          else: ''
+
+  - id: ac_onfocus
+    type: AutoComplete
+    properties:
+      options:
+        - A
+        - B
+        - C
+    events:
+      onFocus:
+        - id: set_onfocus
+          type: SetState
+          params:
+            ac_onfocus_fired: true
+
+  - id: ac_onfocus_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: ac_onfocus_fired
+              - true
+          then: Focus fired
+          else: ''
+
+  - id: ac_onsearch
+    type: AutoComplete
+    properties:
+      options:
+        - Apple
+        - Apricot
+        - Banana
+        - Blueberry
+        - Cherry
+    events:
+      onSearch:
+        - id: set_onsearch
+          type: SetState
+          params:
+            ac_search_value:
+              _event: value
+
+  - id: ac_onsearch_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: ac_search_value
+              - null
+          then:
+            _string.concat:
+              - 'Search: '
+              - _state: ac_search_value
+          else: ''
+
+  # ============================================
+  # INTERACTION TESTS
+  # ============================================
+
+  - id: ac_interaction
+    type: AutoComplete
+    properties:
+      options:
+        - Apple
+        - Apricot
+        - Banana
+        - Blueberry
+        - Cherry
+        - Cranberry
+
+  # ============================================
+  # SELECTOR CSSKEY TESTS
+  # ============================================
+
+  - id: ac_selector_style
+    type: AutoComplete
+    style:
+      .selector:
+        padding: 14px
+    properties:
+      options:
+        - A
+        - B
+        - C
+
+  - id: ac_selector_class
+    type: AutoComplete
+    class:
+      .selector: ac-selector-tailwind
+    properties:
+      options:
+        - A
+        - B
+        - C

package/dist/blocks/AutoComplete/tests.yaml

@@ -0,0 +1,178 @@
+# 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: AutoComplete
+- id: 'properties.options-string'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+- id: properties.title
+  type: AutoComplete
+  properties:
+    title: 'properties.title: My AutoComplete Title'
+- id: 'properties.bordered: false'
+  type: AutoComplete
+  properties:
+    bordered: false
+- id: 'properties.allowClear: false'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    allowClear: false
+- id: 'properties.inputStyle: CSS style applied'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    inputStyle:
+      border: 1px solid red
+- id: 'properties.optionsStyle: CSS style applied'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    optionsStyle:
+      color: blue
+- id: 'properties.options-object'
+  type: AutoComplete
+  properties:
+    options:
+      - label: one
+        value: 'abc'
+      - label: two
+        value: 'def'
+- id: 'properties.autoFocus: true'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    autoFocus: true
+- id: 'properties.backfill: true'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    backfill: true
+- id: 'properties.defaultOpen: true'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    defaultOpen: true
+- id: 'properties.disabled: true'
+  type: AutoComplete
+  properties:
+    disabled: true
+- id: 'properties.placeholder_Text_inside_block'
+  type: AutoComplete"
+  properties:
+    placeholder: Text inside block
+- id: 'properties.size: small'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    size: small
+- id: 'properties.size: large'
+  type: AutoComplete
+  properties:
+    options:
+      - Option 1
+      - Option 2
+    size: large
+- id: properties.label.span_12
+  type: AutoComplete
+  properties:
+    label:
+      colon: false
+      span: 4
+- id: properties.label.align_right
+  type: AutoComplete
+  properties:
+    label:
+      colon: false
+      align: right
+- id: properties.label.inline_true
+  type: AutoComplete
+  properties:
+    label:
+      colon: false
+      inline: true
+- id: properties.label.disabled_true
+  type: AutoComplete
+  properties:
+    label:
+      colon: false
+      disabled: true
+- id: properties.label.colon_false
+  type: AutoComplete
+  properties:
+    label:
+      colon: false
+- id: properties.label.extra_showingextra
+  type: AutoComplete
+  properties:
+    label:
+      colon: false
+      extra: showing extra
+- id: 'properties.options: html'
+  type: AutoComplete
+  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: AutoComplete
+  properties:
+    options:
+      - label: '<div>Some main text</div><div style="font-size: 6px;">Some small subtext</div>'
+        value: 'one value'
+      - label: '<div style="color: green;">Option green</div>'
+        value: 'two value'
+      - label: Option 3
+        value: 'three'
+- id: 'properties.options-style'
+  type: AutoComplete
+  properties:
+    options:
+      - label: one
+        value: 'one value'
+        style:
+          color: red
+      - label: two
+        value: 'two value'
+- id: 'properties.options.label: html and properties.options.filterString'
+  type: AutoComplete
+  properties:
+    options:
+      - label: '<div>Some main text</div><div style="font-size: 6px;">Some small subtext</div>'
+        filterString: 'Some main text'
+        value: 'one value'
+      - label: '<div style="color: green;">Option green</div>'
+        filterString: 'Option green'
+        value: 'two value'
+      - label: Option 3
+        value: 'three value'