chromium

joaovictorino · Mar 2, 2024 · 73fc1f7 · 73fc1f7
1 parent 67ef992
commit 73fc1f7
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 31 deletions.
diff --git a/web/e2e/CriarContas.spec.ts b/web/e2e/CriarContas.spec.ts
@@ -0,0 +1,27 @@
+import { test, expect } from '@playwright/test';
+
+test('Criar Conta', async ({ page }) => {
+  await page.goto('http://localhost:3000/');
+  await page.getByRole('link', { name: 'Acessar Contas' }).click();
+
+  await page.getByRole('link', { name: '+ Criar nova conta' }).click();
+  await page.getByLabel('Número:').click();
+  await page.getByLabel('Número:').fill("999999");
+  await page.getByLabel('Saldo (R$):').click();
+  await page.getByLabel('Saldo (R$):').fill("1000.0");
+  await page.getByRole('button', { name: 'Salvar' }).click();
+
+  await page.getByTestId('999999-ver').click();
+  await expect(page.getByText('Saldo:R$ 1000.00')).toBeVisible();
+  await page.getByRole('link', { name: 'Retornar' }).click();
+
+  await page.getByRole('link', { name: '+ Criar nova conta' }).click();
+  await page.getByLabel('Número:').click();
+  await page.getByLabel('Número:').fill("777777");
+  await page.getByLabel('Saldo (R$):').click();
+  await page.getByLabel('Saldo (R$):').fill("5000.0");
+  await page.getByRole('button', { name: 'Salvar' }).click();
+
+  await page.getByTestId('777777-ver').click();
+  await expect(page.getByText('Saldo:R$ 5000.00')).toBeVisible();
+});
diff --git a/web/features/steps/transferirPlay.step.ts b/web/features/steps/transferirPlay.step.ts
@@ -1,21 +1,23 @@
 import { binding, given, when, then } from "cucumber-tsflow";
 import { expect } from '@playwright/test';
 import {
-	ChromiumBrowser,
-	chromium
+	Browser,
+	chromium,
+  BrowserContext,
+  Page
 } from '@playwright/test';
 
 @binding()
 class TransferirPlay {
-  private browser: ChromiumBrowser;
-  private context;
-  private page;
+  private browser: Browser;
+  private context: BrowserContext;
+  private page: Page;
 
-  @given("conta web {string} com saldo {float} e a conta web {string} com saldo {float}")
+  @given("conta web {string} com saldo {float} e a conta web {string} com saldo {float}", { timeout: -1 })
   public async dadaDuasContas(numeroOrigem: string, saldoOrigem: number, numeroDestino: string, saldoDestino: number) {    
     this.browser = await chromium.launch();
-    this.context = await this.browser.newContext()
-    this.page = await this.context.newPage()
+    this.context = await this.browser.newContext();
+    this.page = await this.context.newPage();
     await this.page.goto('http://localhost:3000/');
     await this.page.getByRole('link', { name: 'Acessar Contas' }).click();
 

diff --git a/web/pages/api/contas/index.ts b/web/pages/api/contas/index.ts
@@ -23,6 +23,6 @@ export default async function contas(req: NextApiRequest, res: NextApiResponse)
     if(req.method === "GET") {
         const contaRepositorio: ContaRepositorio = new ContaRepositorio();
         const contas = await contaRepositorio.listar();
-        res.status(201).json(contas);
+        res.status(200).json(contas);
     }
 }
diff --git a/web/pages/contas/[numero]/transferir.tsx b/web/pages/contas/[numero]/transferir.tsx
@@ -13,28 +13,24 @@ export default function ContaTransferir() {
   if (error) return <div>Falha ao carregar</div>
   if (!data) return <div>Carregando ...</div>
 
-  function handleSubmit (e: FormEvent<HTMLFormElement>) {
+  async function handleSubmit (e: FormEvent<HTMLFormElement>) {
     e.preventDefault();
     formState.origem = data.numero;
-    fetch("/api/contas/transferir", {
+    const response = await fetch("/api/contas/transferir", {
       method: "POST",
       headers: {
         'Content-Type': 'application/json'
       },
       body: JSON.stringify(formState)
-    })
-    .then((res) => {
-        if(res.ok)
-            return res.json();
-        else
-            return undefined;
-    })
-    .then((data) => {
-        if(data) {
-            alert(`Recibo ${data.recibo}`)
-            router.push("/contas")
-        }
     });
+
+    const dataResponse = await response.json();
+    if (response.ok){
+      alert(`Recibo ${dataResponse.recibo}`)
+      router.push("/contas");
+    } else {
+      alert(dataResponse.mensagem);
+    }
   }
 
   return (

diff --git a/web/pages/contas/criar.tsx b/web/pages/contas/criar.tsx
@@ -5,21 +5,23 @@ export default function ContaCriar() {
   const [formState, setFormState] = useState({ numero: "",saldo: 0, })
   const router = useRouter();
 
-  function handleSubmit (e: FormEvent<HTMLFormElement>) {
+  async function handleSubmit (e: FormEvent<HTMLFormElement>) {
     e.preventDefault();
-    fetch("/api/contas", {
+    const response = await fetch("/api/contas", {
       method: "POST",
       headers: {
         'Content-Type': 'application/json'
       },
       body: JSON.stringify(formState)
-    })
-    .then((res) => {
-      if (res.ok) {
-        alert("Conta criada!")
-        router.push("/contas")
-      }
     });
+
+    if (response.ok) {
+      alert("Conta criada!");
+      router.push("/contas");
+    } else {
+      const data = await response.json();
+      alert(data.mensagem);
+    }
   }
 
   return (