From 058c83a5448967e18e756c2c0dd987c3bcf62f56 Mon Sep 17 00:00:00 2001
From: david emioma <ue22aac@herts.ac.uk>
Date: Tue, 7 May 2024 11:18:59 +0100
Subject: [PATCH] Deployment Issues #4

---
 .../products/_components/ProductForm.tsx      | 44 ++++++++++---------
 cypress/e2e/product.cy.ts                     | 30 ++++++-------
 2 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/app/(store)/dashboard/[storeId]/products/_components/ProductForm.tsx b/app/(store)/dashboard/[storeId]/products/_components/ProductForm.tsx
index 9025eb6..4ba88e8 100644
--- a/app/(store)/dashboard/[storeId]/products/_components/ProductForm.tsx
+++ b/app/(store)/dashboard/[storeId]/products/_components/ProductForm.tsx
@@ -334,27 +334,29 @@ const ProductForm = ({ data }: Props) => {
                 />
               </div>
 
-              <FormField
-                control={form.control}
-                name="description"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>Description</FormLabel>
-
-                    <FormControl>
-                      <Textarea
-                        {...field}
-                        disabled={creating || updating || deletingItem}
-                        placeholder="Product Description..."
-                        data-cy="product-description-input"
-                        rows={10}
-                      />
-                    </FormControl>
-
-                    <FormMessage data-cy="product-description-input-err" />
-                  </FormItem>
-                )}
-              />
+              <div className="w-full max-w-2xl grid grid-cols-1 sm:grid-cols-2">
+                <FormField
+                  control={form.control}
+                  name="description"
+                  render={({ field }) => (
+                    <FormItem className="col-span-2">
+                      <FormLabel>Description</FormLabel>
+
+                      <FormControl>
+                        <Textarea
+                          {...field}
+                          disabled={creating || updating || deletingItem}
+                          placeholder="Product Description..."
+                          data-cy="product-description-input"
+                          rows={10}
+                        />
+                      </FormControl>
+
+                      <FormMessage data-cy="product-description-input-err" />
+                    </FormItem>
+                  )}
+                />
+              </div>
             </div>
 
             <div className="pt-16 lg:pt-10" />
diff --git a/cypress/e2e/product.cy.ts b/cypress/e2e/product.cy.ts
index a2e218c..f2f88b3 100644
--- a/cypress/e2e/product.cy.ts
+++ b/cypress/e2e/product.cy.ts
@@ -12,7 +12,7 @@ describe("Product for store", () => {
 
     cy.wait(15000);
 
-    cy.get('[data-cy="go-to-store"]').should("be.visible");
+    cy.get('[data-cy="go-to-store"]').should("exist");
 
     cy.visit(
       `${Cypress.env("public_url")}/dashboard/${Cypress.env(
@@ -24,19 +24,19 @@ describe("Product for store", () => {
   });
 
   it("Display fail for invalid form", () => {
-    cy.get('[data-cy="new-product-btn"]').should("be.visible").click();
+    cy.get('[data-cy="new-product-btn"]').should("exist").click();
 
     cy.wait(10000);
 
     cy.get('[data-cy="product-form"]').should("exist");
 
-    cy.get('[data-cy="product-create-btn"]').should("be.visible").click();
+    cy.get('[data-cy="product-create-btn"]').should("exist").click();
 
-    cy.get('[data-cy="product-name-input-err"]').should("be.visible");
+    cy.get('[data-cy="product-name-input-err"]').should("exist");
 
-    cy.get('[data-cy="product-category-input-err"]').should("be.visible");
+    cy.get('[data-cy="product-category-input-err"]').should("exist");
 
-    cy.get('[data-cy="product-description-input-err"]').should("be.visible");
+    cy.get('[data-cy="product-description-input-err"]').should("exist");
   });
 
   it("Create a new product", () => {
@@ -47,7 +47,7 @@ describe("Product for store", () => {
     cy.get('[data-cy="product-form"]').should("exist");
 
     cy.get('[data-cy="product-name-input"]')
-      .should("be.visible")
+      .should("exist")
       .type("Test product");
 
     //Product Description
@@ -57,32 +57,30 @@ describe("Product for store", () => {
 
     //Category
     cy.get('[data-cy="product-category-select-trigger"]')
-      .should("be.visible")
+      .should("exist")
       .click();
 
     //Wait for category to be loaded
     cy.wait(10000);
 
     cy.get('[data-cy^="product-category-select-0"]')
-      .should("be.visible")
+      .should("exist")
       .click({ force: true });
 
     //Wait for category to be selected
     cy.wait(10000);
 
     //Add product item button
-    cy.get('[data-cy="add-product-item"]').should("be.visible").click();
+    cy.get('[data-cy="add-product-item"]').should("exist").click();
 
     cy.wait(10000);
 
     //Product Item Form
     cy.get('[data-cy="product-item-form-0"]')
-      .should("be.visible")
+      .should("exist")
       .within(() => {
         //Image Upload
-        cy.get('[data-cy="product-item-form-0-upload-parent"]').should(
-          "be.visible"
-        );
+        cy.get('[data-cy="product-item-form-0-upload-parent"]').should("exist");
 
         cy.fixture("images/test1.png").then((fileContent) => {
           cy.get('[data-cy="product-item-form-0-upload"]').attachFile({
@@ -180,8 +178,10 @@ describe("Product for store", () => {
   });
 
   it("Update an existing product", () => {
+    cy.wait(10000);
+
     cy.get(`[data-cy="product-${PRODUCT_INDEX}-trigger"]`)
-      .should("be.visible")
+      .should("exist")
       .click();
 
     cy.wait(10000);