From 707cbcefbb12217a763301453f8062e0e6544cfe Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 6 Apr 2023 23:04:55 +0200
Subject: [PATCH] init NewTaskForm

---
 src/use-cases/task/components/NewTaskForm.test.ts | 11 +++++++++++
 src/use-cases/task/components/NewTaskForm.vue     | 13 +++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 src/use-cases/task/components/NewTaskForm.test.ts
 create mode 100644 src/use-cases/task/components/NewTaskForm.vue

diff --git a/src/use-cases/task/components/NewTaskForm.test.ts b/src/use-cases/task/components/NewTaskForm.test.ts
new file mode 100644
index 0000000..bb0a155
--- /dev/null
+++ b/src/use-cases/task/components/NewTaskForm.test.ts
@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import NewTaskVue from './NewTaskForm.vue'
+
+describe('New Task Form', () => {
+  it('displays New Task Form title', () => {
+    const wrapper = mount(NewTaskVue)
+
+    expect(wrapper.text()).toContain('New Task Form')
+  })
+})
diff --git a/src/use-cases/task/components/NewTaskForm.vue b/src/use-cases/task/components/NewTaskForm.vue
new file mode 100644
index 0000000..0edc67c
--- /dev/null
+++ b/src/use-cases/task/components/NewTaskForm.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h1>New Task Form</h1>
+    <form @submit.prevent>
+      <label for="title">Title</label>
+      <input type="text" id="title" />
+    </form>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>