From 42f49de579bcf118c288c95ad77becb8ca9693fb Mon Sep 17 00:00:00 2001
From: Gustavo Rodrigo Gularte Arend <gustavorrarend@gmail.com>
Date: Wed, 4 Sep 2024 17:20:12 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20testes=20de=20renderiza=C3=A7=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TextInput/index.spec.js   | 31 ++++++++++++++++++++++++
 src/components/UploadImage/index.js      |  2 +-
 src/components/UploadImage/index.spec.js | 14 +++++++++++
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 src/components/TextInput/index.spec.js
 create mode 100644 src/components/UploadImage/index.spec.js

diff --git a/src/components/TextInput/index.spec.js b/src/components/TextInput/index.spec.js
new file mode 100644
index 00000000..7f56d82b
--- /dev/null
+++ b/src/components/TextInput/index.spec.js
@@ -0,0 +1,31 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/vanilla';
+import TextInput from '.';
+
+const propsMock = {
+  id: 'teste',
+  placeholder: 'Escreva alguma coisa',
+  assetUrl: '',
+  assetPosition: 'prefix',
+  variation: 'standard',
+  value: 'Alguma coisa',
+  type: 'text',
+};
+
+const renderTextInput = (parameters) => render(new TextInput(parameters));
+
+describe('TextInput', () => {
+  it('renders with props', () => {
+    renderTextInput(propsMock);
+    const placeholder = screen.getByPlaceholderText('Escreva alguma coisa');
+
+    expect(placeholder).toBeInTheDocument();
+  });
+
+  it('renders without props', () => {
+    renderTextInput();
+    const placeholder = screen.getByRole('textbox');
+
+    expect(placeholder).toBeInTheDocument();
+  });
+});
diff --git a/src/components/UploadImage/index.js b/src/components/UploadImage/index.js
index 4279fff7..7b6c65b9 100644
--- a/src/components/UploadImage/index.js
+++ b/src/components/UploadImage/index.js
@@ -20,7 +20,7 @@ const html = `
       <div class='container-upload-image__button'>
         <img data-select="button-icon" src="${plusIcon}">
       </div>
-      <input class="container-upload-image__input" id="input-file" name="input-file" type="file" accept="image/*" data-select="upload-input">
+      <input class="container-upload-image__input" id="input-file" name="input-file" type="file" accept="image/*" data-select="upload-input" data-testid="upload-input">
     </label>
   </div>
 `;
diff --git a/src/components/UploadImage/index.spec.js b/src/components/UploadImage/index.spec.js
new file mode 100644
index 00000000..8bb58808
--- /dev/null
+++ b/src/components/UploadImage/index.spec.js
@@ -0,0 +1,14 @@
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/vanilla';
+import UploadImage from '.';
+
+const renderUploadImage = () => render(new UploadImage());
+
+describe('UploadImage', () => {
+  it('renders correctly', () => {
+    renderUploadImage();
+    const uploadInput = screen.getByTestId('upload-input');
+
+    expect(uploadInput).toBeInTheDocument();
+  });
+});