Merge pull request rormoura#64 from rormoura/dev

Dev
Lucasnb2001 · Sep 14, 2023 · 002868e · 002868e
2 parents 346570f + fc382c0
commit 002868e
Showing 25 changed files with 514 additions and 159 deletions.
diff --git a/frontend/cypress/e2e/features/tests/Pedidos.feature b/frontend/cypress/e2e/features/tests/Pedidos.feature
@@ -0,0 +1,39 @@
+# cartButton.feature
+
+Feature: Testes da página de novoItem
+  Como um usuário
+  Eu quero testar a funcionalidade do componente CartButton
+
+  Scenario: Deslogar
+    Given Eu entrei na página de "NovoPedido"
+    When Eu aperto no botão "Sair"
+    Then Eu alcanço a página de "home"
+
+  Scenario: Verificar visibilidade do carrinho após clique
+    Given Eu cheguei na página "NovoPedido"
+    Given o carrinho tem visibilidade = "false"
+    When Eu aperto o botão "cart-button"
+    Then a visibilidade do carrinho vai para "true"
+
+  Scenario: Adicionar um novo pedido no carrinho
+    Given Estamos na página "NovoPedido"
+    Given a visibilidade do carrinho é = "false"
+    When Eu clico em "buttonAddCart" para adicionar um item
+    Then a quantidade de itens no carrinho é maior que 0 
+
+
+  Scenario: Aumentar as quantidades dos pedidos no carrinho
+    Given Fomos para a página "novoPedido"
+    Given Eu clico em "buttonAddCart" para adicionar novo item
+    When Eu uso o botão "cart-button"
+    When Eu aperto em "buttonIncreaseItem" para aumentar a quantidade de itens
+    Then a quantidade de itens no carrinho é superior a 3
+
+
+  Scenario: Diminuir as quantidades dos pedidos no carrinho
+    Given Chegamos em "novoPedido"
+    Given Eu clico em "buttonAddCart" para colocar um novo item
+    Given Eu clico novamente em "buttonAddCart" para colocar um novo item
+    When Eu pressiono o botão "cart-button"
+    When Eu aperto em "buttonDecreaseItem" para diminuir a quantidade de itens
+    Then a quantidade de itens no carrinho é inferior a 3
diff --git a/frontend/cypress/e2e/features/tests/Pedidos.ts b/frontend/cypress/e2e/features/tests/Pedidos.ts
@@ -0,0 +1,110 @@
+import { Given, Then, When } from "@badeball/cypress-cucumber-preprocessor";
+
+// Scenario: Visualizar tests
+Given(
+    "Eu entrei na página de {string}", (page: string) => {
+        cy.visit(page);
+    }
+);
+
+When("Eu aperto no botão {string}", (button: string) => {
+  cy.getDataCy(button).click();
+});
+
+Then("Eu alcanço a página de {string}", (page: string) => {
+    cy.url().should("include", page);
+});
+
+
+//Testando carrinho
+Given(
+    "Eu cheguei na página {string}", (page: string) => {
+        cy.visit(page);
+    }
+);
+
+Given(
+    "o carrinho tem visibilidade = {string}", (value: string) => {
+        cy.getDataCy('Visible').should('contain', value);
+    }
+);
+
+When("Eu aperto o botão {string}", (button: string) => {
+    cy.getDataCy(button).click();
+});
+
+Then("a visibilidade do carrinho vai para {string}", (value: string) => {
+    cy.getDataCy('Visible').should('have.text', value);
+});
+
+//Adicionar um novo pedido no carrinho
+Given(
+    "Estamos na página {string}", (page: string) => {
+        cy.visit(page);
+    }
+);
+
+Given(
+    "a visibilidade do carrinho é = {string}", (value: string) => {
+        cy.getDataCy('Visible').should('contain', value);
+    }
+);
+
+When("Eu clico em {string} para adicionar um item", (button: string) => {
+    cy.getDataCy(button).click({ multiple: true, force: true });
+});
+
+Then("a quantidade de itens no carrinho é maior que {int}", (value: number) => {
+    cy.getDataCy('qtdItems').invoke('text').then(parseFloat).should('be.gt', value)
+});
+
+
+//Aumentar as quantidades dos pedidos no carrinho
+Given(
+    "Fomos para a página {string}", (page: string) => {
+        cy.visit(page);
+    }
+);
+
+Given("Eu clico em {string} para adicionar novo item", (button: string) => {
+    cy.getDataCy(button).click({ multiple: true, force: true });
+});
+
+When("Eu uso o botão {string}", (button: string) => {
+    cy.getDataCy(button).click();
+});
+
+When("Eu aperto em {string} para aumentar a quantidade de itens", (button: string) => {
+    cy.getDataCy(button).click({ multiple: true, force: true });
+});
+
+Then("a quantidade de itens no carrinho é superior a {int}", (value: number) => {
+    cy.getDataCy('qtdItems').invoke('text').then(parseFloat).should('be.gt', value)
+});
+
+//Diminuir as quantidades dos pedidos no carrinho
+Given(
+    "Chegamos em {string}", (page: string) => {
+        cy.visit(page);
+    }
+);
+
+Given("Eu clico em {string} para colocar um novo item", (button: string) => {
+    cy.getDataCy(button).click({ multiple: true, force: true });
+});
+
+Given("Eu clico novamente em {string} para colocar um novo item", (button: string) => {
+    cy.getDataCy(button).click({ multiple: true, force: true });
+});
+
+When("Eu pressiono o botão {string}", (button: string) => {
+    cy.getDataCy(button).click();
+});
+
+When("Eu aperto em {string} para diminuir a quantidade de itens", (button: string) => {
+    cy.getDataCy(button).click({ multiple: true, force: true });
+});
+
+Then("a quantidade de itens no carrinho é inferior a {int}", (value: number) => {
+    cy.getDataCy('qtdItems').invoke('text').then(parseFloat).should('be.lt', value)
+});
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -24,10 +24,6 @@ const router = createBrowserRouter([
     path: "/",
     Component: Home,
   },
-  {
-    path: "/home",
-    Component: Home,
-  },
   {
     path: "/footer",
     Component: Footer,

diff --git a/frontend/src/app/home/components/Restaurants/Form/index.tsx b/frontend/src/app/home/components/Restaurants/Form/index.tsx
@@ -4,6 +4,7 @@ import { useState } from "react";
 
 const Form = () => {
   const [formData, setFormData] = useState({
+    id:'',
     typeBusiness:'',
     responsibleName: '',
     responsibleCPF: '',
@@ -123,6 +124,17 @@ const Form = () => {
           </div> */}
         <h2 className={styles.subtitle}>Dados do restaurante</h2>
         <div className={styles.formInputs}>
+        <div className={styles.inputContainer}>
+            <label>ID</label>
+            <input 
+              name="id"
+              placeholder="Digite o ID do restaurante"
+              className={styles.input}
+              required
+              value = {formData.id}
+              onChange={(event) => handleInputChange(event, 'id')}
+            />
+          </div>
           <div className={styles.inputContainer}>
             <label>Nome do restaurante</label>
             <input 

diff --git a/frontend/src/app/home/components/Restaurants/Menu/index.module.css b/frontend/src/app/home/components/Restaurants/Menu/index.module.css
@@ -1,6 +1,6 @@
 .menu{
-  width: 10rem;
-  height: 43.1rem;
+  width: 15rem;
+  height: 60rem;
   display: flex;
   flex-direction: column;
   background-color: #f6c820d3;

diff --git a/frontend/src/app/home/components/Restaurants/Menu/index.tsx b/frontend/src/app/home/components/Restaurants/Menu/index.tsx
@@ -15,23 +15,18 @@ const Menu = () => {
           <img src={HomeIcon} className={styles.icon} />
           <h3>Início</h3>
         </a>
-        <a href="/requests" className={styles.link}>
-          <img src={RequestIcon} className={styles.icon} />
-          <h3>Pedidos</h3>
-        </a>
-        <a href="/menuRestaurant" className={styles.link}>
+        <a href="/menu" className={styles.link}>
           <img src={MenuIcon} className={styles.icon}/>
           <h3>Cardápio</h3>
         </a>
-        <a href="/profile/id" className={styles.link}>
+        <a href="/promotions" className={styles.link}>
           <img src={ProfileIcon} className={styles.icon}/>
-          <h3>Conta</h3>
+          <h3>Promoções</h3>
         </a>
         <a href="/" className={styles.link} id={styles.logout}>
           <img src={LogoutIcon} className={styles.icon}/>
           <h3>Sair</h3>
         </a>
-      <h1 id={styles.name}>Ké Delivery</h1>
       </div>
     </section>
   )

diff --git a/frontend/src/app/home/context/PedidosContext/Provider.jsx b/frontend/src/app/home/context/PedidosContext/Provider.jsx
@@ -6,6 +6,7 @@ function Provider({ children }) {
 
     const [products, setProducts] = useState([]);
     const [cartItems, setCartItems] = useState([]);
+    const [qtdItems, setQtdItems] = useState([]);
     const [loading, setLoading] = useState(true);
     const [isCartVisible, setCartVisible] = useState(false);
 
@@ -18,6 +19,8 @@ function Provider({ children }) {
         setCartItems,
         isCartVisible,
         setCartVisible,
+        qtdItems,
+        setQtdItems,
     };
     return (
         <PedidosContext.Provider value={value}>

diff --git a/frontend/src/app/home/pages/Home/index.tsx b/frontend/src/app/home/pages/Home/index.tsx
@@ -13,7 +13,7 @@ const Home = () => {
           <img src={HomeImage} alt="forma amarela"/>
         </div>
         <div className={styles.texts}>
-          <h1 className={styles.title}>Ingredientes simples em experiências extraordinárias.</h1>
+        <h1 className={styles.title}>Ingredientes simples em experiências extraordinárias.</h1>
           <p className={styles.text}>Com uma interface intuitiva e uma variedade de recursos incríveis, o Ké Delivery se tornou um nome familiar para aqueles que desejam conveniência e qualidade.</p>
         </div>
         <div className={styles.images}>

diff --git a/frontend/src/app/home/pages/HomeRestaurant/index.tsx b/frontend/src/app/home/pages/HomeRestaurant/index.tsx
@@ -46,13 +46,13 @@ const HomeRestaurant = () => {
         <Menu />
       </div>
       <div className={styles.body}>
-        <h1 className={styles.title}>Olá, Nome do Restaurante</h1>
+        <h1 className={styles.title}>Olá</h1>
         <div className={styles.box}></div>
-        <Carte />
         <div className={styles.boxes}>
           <div className={styles.boxSmall}></div>
           <div className={styles.boxSmall}></div>
         </div>
+        <Carte />
       </div>
     </section>
   )

diff --git a/frontend/src/app/home/pages/Menu/newItem/index.tsx b/frontend/src/app/home/pages/Menu/newItem/index.tsx
@@ -43,7 +43,7 @@ const addItemMenu = () => {
       const data = await response.json();
       window.history.back();
       alert("Item cadastrado com sucesso!!");
-      // setShowPopup(true);
+      window.open("/homeRestaurant", "_self")
     } catch (error) {
       console.log(error);
     }

diff --git a/frontend/src/app/home/pages/PaymentMethods/index.module.css b/frontend/src/app/home/pages/PaymentMethods/index.module.css
@@ -5,6 +5,9 @@
   max-width: 800px;
   margin: 0 auto;
   padding: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 h1 {
@@ -51,4 +54,13 @@ button {
 
 .modalContent button {
   margin-right: 10px;
+}
+
+.logo {
+  width: 3rem;
+}
+
+.button{
+  height: 2rem;
+  border: none;
 }