Add inline function prop test (#77)

tjw-lint · Jun 6, 2023 · b48d1a1 · b48d1a1
1 parent b2fd4e3
commit b48d1a1
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/tests/InlineFunctions.test.js b/tests/InlineFunctions.test.js
@@ -8,7 +8,7 @@ describe('InlineFunctions.vue', () => {
     helpers.mockSettings({
       clearInlineFunctions: false
     });
-    let wrapper = mount(InlineFunctions);
+    const wrapper = mount(InlineFunctions);
 
     expect(wrapper)
       .toMatchSnapshot();
@@ -18,9 +18,24 @@ describe('InlineFunctions.vue', () => {
     helpers.mockSettings({
       clearInlineFunctions: true
     });
-    let wrapper = mount(InlineFunctions);
+    const wrapper = mount(InlineFunctions);
 
     expect(wrapper)
       .toMatchSnapshot();
   });
+
+  test('Props', () => {
+    const wrapper = mount(InlineFunctions);
+    const propFn = wrapper.vm.propFn;
+    const fn = propFn();
+
+    expect(typeof(propFn))
+      .toEqual('function');
+
+    expect(typeof(fn))
+      .toEqual('function');
+
+    expect(fn())
+      .toEqual({});
+  });
 });
diff --git a/tests/__snapshots__/InlineFunctions.test.js.snap b/tests/__snapshots__/InlineFunctions.test.js.snap
@@ -37,6 +37,11 @@ exports[`InlineFunctions.vue Functions kept 1`] = `
     Attribute does not end with }.
   </div>
   <p title="function () { [native code] },function () { [native code] }">In array</p>
+  <footer title="function _default() {
+          return function () {
+            return {};
+          };
+        }">Default function in in a prop</footer>
 </div>
 `;
 
@@ -65,5 +70,6 @@ exports[`InlineFunctions.vue Functions removed 1`] = `
     Attribute does not end with }.
   </div>
   <p title="[function]">In array</p>
+  <footer title="[function]">Default function in in a prop</footer>
 </div>
 `;
diff --git a/tests/components/InlineFunctions.vue b/tests/components/InlineFunctions.vue
@@ -29,12 +29,21 @@
       Attribute does not end with }.
     </div>
     <p :title="[method, method]">In array</p>
+    <footer :title="propFn">Default function in in a prop</footer>
   </div>
 </template>
 
 <script>
 export default {
   name: 'InlineFunctions',
+  props: {
+    propFn: {
+      type: Function,
+      default: function () {
+        return () => ({});
+      }
+    }
+  },
   methods: {
     method: function () {
       return 2;