test(next15): update cypress next to latest

Author: clukhei

cypress/apps/next-app/src/app/components/Combobox.tsx

@@ -1,7 +1,6 @@
 "use client"
 import dynamic from "next/dynamic"
 import React from "react";
-// import SgdsCombobox from "@govtechsg/sgds-web-component/react/combo-box/index.js";
 
 const SgdsCombobox = dynamic(
     () => import("@govtechsg/sgds-web-component/react/combo-box/index.js"),
@@ -10,19 +9,9 @@ const SgdsCombobox = dynamic(
     }
   );
 export const Combobox = () => {
-  // const [dummy, setDummy] = React.useState(0);
-  // const forceRerender = () => setDummy((x) => x + 1);
-  // React.useEffect(() => {
-  //   forceRerender();
-  // }, []);
     return (
       <div>
-       <sgds-select
-        menulist={JSON.stringify([{label: "apple", value: "apple"}, {label: "orange", value: "orange"}, {label: "pear", value: "pear"}])}
-        onchange={(e: any) => console.log("change")}
-        >
-        </sgds-select>
-      {/* <SgdsCombobox 
+      <SgdsCombobox 
         label="Fruits" 
         hintText="single select" 
         name="combobox" 
@@ -36,7 +25,7 @@ export const Combobox = () => {
         name="combobox" 
         placeholder="ComboBox" 
         menuList={[{label: "apple", value: "apple"}, {label: "orange", value: "orange"}, {label: "pear", value: "pear"}]}>
-      </SgdsCombobox> */}
+      </SgdsCombobox>
       </div>
     )
 }

cypress/apps/next-app/src/app/page.tsx

@@ -41,17 +41,17 @@ export default function Home() {
   return (
     <main>
       <div>hello world</div>
-      {/* <Masthead />
+      <Masthead />
       <Mainnav />
       <Accordion />
       <Alert />
       <Badge />
       <Breadcrumb />
       <Button />
       <Card />
-      <Checkbox /> */}
+      <Checkbox />
       <Combobox />
-      {/* <Datepicker />
+      <Datepicker />
       <DescriptionList />
       <Divider />
       <Drawer />
@@ -78,7 +78,7 @@ export default function Home() {
       <Textarea />
       <Toast />
       <Tooltip />
-      <Footer /> */}
+      <Footer />
     </main>
   );
 }

cypress/apps/next-app/tsconfig.json

@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -22,19 +18,10 @@
       }
     ],
     "paths": {
-      "@/*": [
-        "./src/*"
-      ]
+      "@/*": ["./src/*"]
     },
     "target": "ES2017"
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
 }

src/components/Select/sgds-select.ts

@@ -148,7 +148,7 @@ export class SgdsSelect extends SelectElement {
             ?required=${this.required}
             .value=${this.displayValue}
             @blur=${this._handleInputBlur}
-            @change=${() => console.log('native change')}
+            @change=${() => console.log("native change")}
             @focus=${this._handleFocus}
             aria-describedby=${ifDefined(this.invalid && this.hasFeedback ? `${this._controlId}-invalid` : undefined)}
             aria-labelledby="${this._labelId} ${this._controlId}Help ${this.invalid && this.hasFeedback