test cases for arrow function

aadito123 · Feb 1, 2023 · 9586a77 · 9586a77
1 parent 5310899
commit 9586a77
Showing 1 changed file with 46 additions and 0 deletions.
diff --git a/test/rules/prefer-show.test.ts b/test/rules/prefer-show.test.ts
@@ -45,5 +45,51 @@ export const cases = run("prefer-show", rule, {
         );
       }`,
     },
+    {
+      code: `
+      function Component(props) {
+        return (
+            <For each={props.someList}>
+                {(listItem) => listItem.cond && <span>Content</span>}
+            </For>
+        );
+      }`,
+      errors: [{ messageId: "preferShowAnd" }],
+      output: `
+      function Component(props: any) {
+        return (
+            <For each={props.someList}>
+                {(listItem) => <Show when={listItem.cond}><span>Content</span></Show>}
+            </For>
+        );
+      }`,
+    },
+    {
+      code: `
+      function Component(props) {
+        return (
+          <For each={props.someList}>
+            {(listItem) => (listItem.cond ? (
+              <span>Content</span> 
+            ) : (
+              <span>Fallback</span>
+            ))}
+          </For>
+        );
+      }`,
+      errors: [{ messageId: "preferShowTernary" }],
+      output: `
+      function Component(props) {
+        return (
+            <For each={props.someList}>
+                {(listItem) => (
+                    <Show when={listItem.cond} fallback={<span>Fallback</span>}>
+                        <span>Content</span>
+                    </Show>
+                )}
+            </For>
+        );
+      }`,
+    },
   ],
 });