From bcaab792797a0bf8af5c7d38a3f54fd1f559ad7e Mon Sep 17 00:00:00 2001
From: Chaim Lev-Ari <chaim@cnvrg.io>
Date: Mon, 4 Nov 2019 08:52:42 +0200
Subject: [PATCH 1/2] add simple directive and test

---
 src/__tests__/components/CompWithDirective.vue | 16 ++++++++++++++++
 src/__tests__/components/directives/v-value.js |  3 +++
 src/__tests__/use-global-directive.js          | 18 ++++++++++++++++++
 3 files changed, 37 insertions(+)
 create mode 100644 src/__tests__/components/CompWithDirective.vue
 create mode 100644 src/__tests__/components/directives/v-value.js
 create mode 100644 src/__tests__/use-global-directive.js

diff --git a/src/__tests__/components/CompWithDirective.vue b/src/__tests__/components/CompWithDirective.vue
new file mode 100644
index 00000000..00faf9dd
--- /dev/null
+++ b/src/__tests__/components/CompWithDirective.vue
@@ -0,0 +1,16 @@
+<template>
+  <input v-value="value" />
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: String,
+      required: true,
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/__tests__/components/directives/v-value.js b/src/__tests__/components/directives/v-value.js
new file mode 100644
index 00000000..509638dd
--- /dev/null
+++ b/src/__tests__/components/directives/v-value.js
@@ -0,0 +1,3 @@
+export function value(el, binding) {
+  el.value = binding.value
+}
diff --git a/src/__tests__/use-global-directive.js b/src/__tests__/use-global-directive.js
new file mode 100644
index 00000000..55108c88
--- /dev/null
+++ b/src/__tests__/use-global-directive.js
@@ -0,0 +1,18 @@
+import '@testing-library/jest-dom/extend-expect'
+import {render, wait} from '@testing-library/vue'
+import {value as valueDirective} from './components/directives/v-value'
+import CompWithDirective from './components/CompWithDirective.vue'
+
+test('element should have the same value as the directive', async () => {
+  const value = 'test'
+  const {container, updateProps} = render(
+    CompWithDirective,
+    {props: {value}},
+    vue => vue.directive('value', valueDirective),
+  )
+  await wait()
+  expect(container.firstChild).toHaveValue(value)
+  const anotherValue = 'another'
+  await updateProps({value: anotherValue})
+  expect(container.firstChild).toHaveValue(anotherValue)
+})

From 42011748262f197eaebdf0ba77a31dc69dd93943 Mon Sep 17 00:00:00 2001
From: Chaim Lev-Ari <chiptus@users.noreply.github.com>
Date: Fri, 3 Jan 2020 18:47:18 +0200
Subject: [PATCH 2/2] remove unnecessary style tag
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Adrià Fontcuberta <afontcu@gmail.com>
---
 src/__tests__/components/CompWithDirective.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/__tests__/components/CompWithDirective.vue b/src/__tests__/components/CompWithDirective.vue
index 00faf9dd..417f193f 100644
--- a/src/__tests__/components/CompWithDirective.vue
+++ b/src/__tests__/components/CompWithDirective.vue
@@ -12,5 +12,3 @@ export default {
   },
 }
 </script>
-
-<style lang="scss" scoped></style>