tests: add ant-joi tests (native Enum)

Author: adityacodepublic

apps/web/cypress/component/autoform/ant-joi/basics.cy.tsx

@@ -3,6 +3,14 @@ import Joi from "joi";
 import { AutoForm } from "@autoform/ant";
 import { JoiProvider } from "@autoform/joi";
 
+enum Sports {
+  Football = "Football/Soccer",
+  Basketball = "Basketballs",
+  Baseball = "Baseballs",
+  Hockey = "Hockey (Ice)",
+  None = "I don't like sports",
+}
+
 describe("AutoForm Basic Tests (ANT-JOI)", () => {
   const basicSchema = Joi.object({
     name: Joi.string().min(2).required().messages({
@@ -20,6 +28,7 @@ describe("AutoForm Basic Tests (ANT-JOI)", () => {
     website: Joi.string().uri().optional().messages({
       "string.uri": "Invalid URL",
     }),
+    sports: Joi.valid(...Object.values(Sports)),
     birthdate: Joi.date().required(),
     isStudent: Joi.boolean().required(),
   });
@@ -39,11 +48,12 @@ describe("AutoForm Basic Tests (ANT-JOI)", () => {
     cy.get('input[name="age"]').should("have.class", "ant-input-number-input");
     cy.get('input[name="email"]').should("exist");
     cy.get('input[name="website"]').should("exist");
-    cy.get('input[name="birthdate"]');
     cy.get('input[name="isStudent"]').should(
       "have.class",
       "ant-checkbox-input"
     );
+    cy.get('input[id="sports"]').should("exist");
+    cy.get('input[name="birthdate"]');
   });
 
   it("submits form with correct data types", () => {
@@ -56,6 +66,8 @@ describe("AutoForm Basic Tests (ANT-JOI)", () => {
     cy.get('input[name="age"]').type("25");
     cy.get('input[name="email"]').type("[email protected]");
     cy.get('input[name="website"]').type("https://example.com");
+    cy.get('input[id="sports"]').click();
+    cy.get('.ant-select-item-option[title="Hockey (Ice)"]').click();
     cy.get('input[name="birthdate"]').clear().type("1990-01-01");
     cy.get('input[name="isStudent"]').check();
 
@@ -67,6 +79,7 @@ describe("AutoForm Basic Tests (ANT-JOI)", () => {
       age: 25,
       email: "[email protected]",
       website: "https://example.com",
+      sports: "Hockey (Ice)",
       birthdate: new Date("1990-01-01"),
       isStudent: true,
     });