Merge pull request #33 from g4rcez/tests

feat: add tests

Author: OrionFable

cypress.config.ts

@@ -1,8 +1,9 @@
 import { defineConfig } from "cypress";
 
 export default defineConfig({
+    video: false,
+    screenshotsFolder: false,
     e2e: {
-        nodeVersion: "system",
         baseUrl: "http://localhost:5173",
     },
     component: {

cypress/e2e/brouther.cy.ts

@@ -1,18 +1,12 @@
-describe("template spec", () => {
+describe("Should test Brouther behaviors", () => {
     before(() => cy.visit("/"));
 
-    const testLinkSelector = (selector: string, path: string) => {
-        cy.get(selector).click();
-        cy.url().should("equal", `http://localhost:5173${path}`);
-    };
-
-    it("passes", () => {
+    it("Should redirect to correct URL", () => {
         cy.get("nav>ul>li>a[href='/']");
+        cy.get("nav>ul>li>a[href='/users?sort=desc']").click().url().should("be.equal", "http://localhost:5173/users?sort=desc");
+        cy.get("#users>li>a").first().should("contain.text", "Spider Man");
 
-        const secondLink = "/user/TRY_TO_CHANGE_URL/address/?sort=asc";
-        testLinkSelector(`nav>ul>li:nth-child(2)>a[href='${secondLink}']`, secondLink);
-
-        cy.get("nav>ul>li>a[href='/404']").click();
-        cy.get("div.error");
+        cy.visit("/users?sort=asc");
+        cy.get("#users>li>a").first().should("contain.text", "Batman");
     });
 });

package-lock.json

@@ -32,7 +32,9 @@
     "test:types": "tsc -p ./tsconfig.test.json",
     "test:watch": "vitest watch",
     "cy": "cypress open",
-    "cy:run": "cypress run",
+    "cy:chrome": "cypress run --browser chrome",
+    "cy:electron": "cypress run --browser electron",
+    "cy:run": "\npm run cy:chrome && \npm cy:electron",
     "cy:browser": "start-server-and-test start http://localhost:5173 cy:run",
     "typedoc": "typedoc --out docs src/index.ts"
   },

package.json

@@ -9,7 +9,7 @@ export default function UsersPage() {
 
     return (
         <div>
-            <ul>
+            <ul id="users">
                 {sortedList.map((user) => (
                     <li key={user.id}>
                         <Link href={router.link(router.links.user, { id: user.id })}>

playground/src/pages/users.tsx

@@ -23,11 +23,13 @@ export type LinkProps<Path extends string> = Omit<
         ? { query: QueryString.Parse<Path> }
         : { query?: QueryString.Parse<Path> });
 
+const httpRegex = /^https?:\/\//;
+
 export const Link = <TPath extends string>({ href, state, replace = false, onClick, query, paths, ...props }: LinkProps<TPath>) => {
     const { push, replace: _replace } = useNavigation();
     const contextHref = useHref();
     const basename = useBasename();
-    const _href = join(basename, mergeUrlEntities(href, paths, query));
+    const _href = httpRegex.test(href) ? href : join(basename, mergeUrlEntities(href, paths, query));
     const _onClick: NonNullable<typeof onClick> = (event) => {
         if (props.target === undefined && props.target !== "_self") event.preventDefault();
         if (_href === contextHref) return;