Add html bindings to component test stories to test together with nor…

…mal component props
mubanjs · May 17, 2021 · f549e9e · f549e9e
1 parent 81d4510
commit f549e9e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/examples/src/components/core/bind-map/BindMap.stories.ts b/examples/src/components/core/bind-map/BindMap.stories.ts
@@ -63,6 +63,9 @@ export const BindMapComponents: Story = () => {
           ...bindMap(refs.items, (ref) => ({
             isActive: computed(() => activeValue.value === ref.component?.props.value),
             onActivate: () => (activeValue.value = ref.component?.props.value ?? null),
+            event: {
+              mouseenter: () => console.log('mouse enter'),
+            },
           })),
         ];
       },

diff --git a/examples/src/components/core/refs/RefComponent.stories.ts b/examples/src/components/core/refs/RefComponent.stories.ts
@@ -58,7 +58,13 @@ export const Default: Story = () => ({
     },
     setup({ refs }) {
       return [
-        bind(refs.btnComponent, { label: computed(() => 'label1'), to: computed(() => 'to1') }),
+        bind(refs.btnComponent, {
+          label: computed(() => 'label1'),
+          to: computed(() => 'to1'),
+          event: {
+            click: () => console.log('clicked'),
+          },
+        }),
         bind(refs.btnRef, { label: computed(() => 'label2'), to: computed(() => 'to2') }),
         bind(refs.lnkComponent, { label: computed(() => 'label3'), href: computed(() => '#to3') }),
         bind(refs.lnkRef, { label: computed(() => 'label4'), href: computed(() => '#to4') }),