test: update test

Author: tkskto

.editorconfig

@@ -3,7 +3,7 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-indent_size = 2
+indent_size = 4
 insert_final_newline = true
 
 [test/snapshots/**/*.json]

test/fixture/propsTest/complicatedProps.vue

@@ -0,0 +1,46 @@
+<template>
+    <div></div>
+</template>
+<script>
+export default {
+    props: {
+        propA: {
+            type: Number,
+        },
+        propB: {
+            type: [String, Number],
+        },
+        propC: {
+            type: String,
+            required: true
+        },
+        propD: {
+            type: [String, null],
+            required: true
+        },
+        propE: {
+            type: Number,
+            default: 100
+        },
+        propF: {
+            type: Object,
+            default(rawProps) {
+                return { message: 'hello' }
+            }
+        },
+        propG: {
+            validator(value, props) {
+                return ['success', 'warning', 'danger'].includes(value)
+            }
+        },
+        propH: {
+            type: Function,
+            // オブジェクトや配列のデフォルトと異なり、これは
+            // ファクトリー関数ではなく、デフォルト値として機能する関数です
+            default() {
+                return 'Default function'
+            }
+        },
+    },
+};
+</script>

test/fixture/propsTest/defineComplicatedProps.vue

@@ -0,0 +1,54 @@
+<template>
+    <div></div>
+</template>
+<script setup lang="ts">
+defineProps({
+    // 基本的な型チェック
+    // （`null` 値と `undefined` 値は、任意の型を許可します）
+    propA: Number,
+    // 複数の型の可能性
+    propB: [String, Number],
+    // 必須の文字列
+    propC: {
+        type: String,
+        required: true
+    },
+    // 必須だが null になる可能性がある文字列
+    propD: {
+        type: [String, null],
+        required: true
+    },
+    // デフォルト値を持つ数値
+    propE: {
+        type: Number,
+        default: 100
+    },
+    // デフォルト値を持つオブジェクト
+    propF: {
+        type: Object,
+        // オブジェクトと配列のデフォルトは、ファクトリー関数を使って
+        // 返す必要があります。ファクトリー関数は、コンポーネントが
+        // 受け取った未加工の props を引数として受け取ります。
+        default(rawProps) {
+            return { message: 'hello' }
+        }
+    },
+    // カスタムのバリデーター関数
+    // 3.4 以降、全ての props が第 2 引数として渡されます
+    propG: {
+        validator(value, props) {
+            // 値が以下の文字列のいずれかに一致する必要がある
+            return ['success', 'warning', 'danger'].includes(value)
+        }
+    },
+    // デフォルト値を持つ関数
+    propH: {
+        type: Function,
+        // オブジェクトや配列のデフォルトと異なり、これは
+        // ファクトリー関数ではなく、デフォルト値として機能する関数です
+        default() {
+            return 'Default function'
+        }
+    }
+})
+</script>

test/fixture/propsTest/defineTwoProps.vue

@@ -1,17 +1,17 @@
 <template>
-  <div></div>
+    <div></div>
 </template>
 <script setup>
 defineProps({
-  data: {
-    type: String,
-    required: true,
-    default: '1',
-  },
-  data2: {
-    type: Number,
-    required: false,
-    default: 1,
-  },
+    data: {
+        type: String,
+        required: true,
+        default: '1',
+    },
+    data2: {
+        type: Number,
+        required: false,
+        default: 1,
+    },
 });
 </script>

test/fixture/propsTest/defineTypeOnlyProps.vue

@@ -1,9 +1,9 @@
 <template>
-  <div></div>
+    <div></div>
 </template>
 <script setup>
 defineProps({
-  title: String,
-  likes: Number
+    title: String,
+    likes: Number
 })
 </script>

test/fixture/propsTest/defineTypeOnlyPropsVariables.vue

@@ -1,9 +1,9 @@
 <template>
-  <div></div>
+    <div></div>
 </template>
 <script setup>
 const props = defineProps({
-  title: String,
-  likes: Number
+    title: String,
+    likes: Number
 })
 </script>

test/fixture/propsTest/defineTypeOnlyPropsVariablesWithTypeScript.vue

@@ -3,7 +3,7 @@
 </template>
 <script setup lang="ts">
 const props = defineProps<{
-  title: string
-  likes?: number
+    title: string
+    likes?: number
 }>()
 </script>

test/fixture/propsTest/defineTypeOnlyPropsWithTypeScript.vue

@@ -3,7 +3,7 @@
 </template>
 <script setup lang="ts">
 defineProps<{
-  title: string
-  likes?: number
+    title: string
+    likes?: number
 }>()
 </script>

test/fixture/propsTest/typeOnlyProps.vue

@@ -1,12 +1,12 @@
 <template>
-  <div></div>
+    <div></div>
 </template>
 <script>
-  export default {
+export default {
     props: {
-      title: String,
-      likes: Number
+        title: String,
+        likes: Number
     },
-  };
+};
 </script>
 

test/specs/__snapshots__/props.test.ts.snap

@@ -1,9 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`props test nameOnlyProps.vue 1`] = `"{"name":"/test/fixture/propsTest/nameOnlyProps.vue","props":"","size":100,"lastModifiedTime":0,"children":[]}"`;
+exports[`props test oneProps.vue 1`] = `"{"name":"/test/fixture/propsTest/oneProps.vue","props":"props: {\\n    data: {\\n        type: String,\\n        required: true,\\n        default: '1',\\n    },\\n}","size":192,"lastModifiedTime":0,"children":[]}"`;
 
-exports[`props test oneProps.vue 1`] = `"{"name":"/test/fixture/propsTest/oneProps.vue","props":{"data":{"type":"String","required":"true","default":"1"}},"size":192,"lastModifiedTime":0,"children":[]}"`;
-
-exports[`props test twoProps.vue 1`] = `"{"name":"/test/fixture/propsTest/twoProps.vue","props":{"data":{"type":"String","required":"true","default":"1"},"data2":{"type":"Number","required":"false","default":1}},"size":283,"lastModifiedTime":0,"children":[]}"`;
-
-exports[`props test typeOnlyProps.vue 1`] = `"{"name":"/test/fixture/propsTest/typeOnlyProps.vue","props":{"title":"String","likes":"Number"},"size":142,"lastModifiedTime":0,"children":[]}"`;
+exports[`props test twoProps.vue 1`] = `"{"name":"/test/fixture/propsTest/twoProps.vue","props":"props: {\\n    data: {\\n        type: String,\\n        required: true,\\n        default: '1',\\n    },\\n    data2: {\\n        type: Number,\\n        required: false,\\n        default: 1,\\n    },\\n}","size":283,"lastModifiedTime":0,"children":[]}"`;