From 7291f464a093b00c7d5715ac051a2a024d36aae1 Mon Sep 17 00:00:00 2001
From: Alexander Turinske <aturinske@gitlab.com>
Date: Fri, 23 Aug 2024 12:14:31 -0600
Subject: [PATCH] fix(compat): click modifiers

     - when the click "native" modifier is used in conjunction
       with the click "capture" modifier, the click is not
       registered in tests
     - see https://gitlab.com/groups/gitlab-org/-/epics/14951
       for more details
---
 .../vue-compat/__tests__/compiler.spec.ts     | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/packages/vue-compat/__tests__/compiler.spec.ts b/packages/vue-compat/__tests__/compiler.spec.ts
index 2ae2f211a..de9c4bcbb 100644
--- a/packages/vue-compat/__tests__/compiler.spec.ts
+++ b/packages/vue-compat/__tests__/compiler.spec.ts
@@ -113,6 +113,26 @@ test('COMPILER_V_ON_NATIVE', () => {
   expect(CompilerDeprecationTypes.COMPILER_V_ON_NATIVE).toHaveBeenWarned()
 })
 
+test('COMPILER_V_ON_NATIVE with capture modifier', () => {
+  const spy = vi.fn()
+  const vm = new Vue({
+    template: `<child @click.capture="spy" />`,
+    components: {
+      child: {
+        template: `<button />`,
+      },
+    },
+    methods: {
+      spy,
+    },
+  }).$mount()
+
+  expect(vm.$el).toBeInstanceOf(HTMLButtonElement)
+  triggerEvent(vm.$el as HTMLButtonElement, 'click')
+  expect(spy).toHaveBeenCalledTimes(1)
+  expect(CompilerDeprecationTypes.COMPILER_V_ON_NATIVE).toHaveBeenWarned()
+})
+
 test('COMPILER_V_IF_V_FOR_PRECEDENCE', () => {
   new Vue({ template: `<div v-if="true" v-for="i in 1"/>` }).$mount()
   expect(