@verdaccio/e2e-ui 2.1.0 → 2.2.0

package/build/esm/tests/home.js

@@ -0,0 +1,88 @@
+//#region src/tests/home.ts
+function homeTests(config) {
+	const { home, header, package: pkg } = config.testIds;
+	describe("home", () => {
+		beforeEach(() => {
+			cy.intercept("GET", "/-/verdaccio/data/packages").as("pkgs");
+			cy.visit(config.registryUrl);
+			cy.get("body").should("be.visible");
+		});
+		afterEach(() => {
+			cy.wait(2e3);
+		});
+		it("title should be correct", () => {
+			cy.location("pathname").should("include", "/");
+			cy.title().should("eq", config.title);
+		});
+		it("should fetch the package list from the API", () => {
+			cy.wait("@pkgs", { timeout: 1e4 }).then((interception) => {
+				const status = interception.response?.statusCode;
+				expect(status).to.be.oneOf([200, 304]);
+				if (status === 200) expect(interception.response?.body).to.be.an("array");
+			});
+		});
+		it("should match title with no packages published", () => {
+			cy.wait("@pkgs");
+			cy.getByTestId(home.helpCard, { timeout: 1e4 }).should("be.visible");
+			cy.getByTestId(home.helpCard).contains("No Package Published Yet.");
+		});
+		it("should display instructions on help card", () => {
+			cy.wait("@pkgs");
+			cy.getByTestId(home.helpCard, { timeout: 1e4 }).should("be.visible");
+			cy.getByTestId(home.helpCard).contains(`npm adduser --registry ${config.registryUrl}`);
+			cy.getByTestId(home.helpCard).contains(`npm publish --registry ${config.registryUrl}`);
+		});
+		it("should render the header logo and login button", () => {
+			cy.getByTestId(header.container).should("be.visible");
+			cy.get(`[data-testid="${header.defaultLogo}"], [data-testid="${header.customLogo}"]`).should("be.visible");
+			cy.getByTestId(header.loginButton).should("be.visible");
+		});
+		it("should navigate back to home when clicking the header logo", () => {
+			cy.visit(`${config.registryUrl}/-/web/detail/@verdaccio/not-found`);
+			cy.getByTestId(home.notFound, { timeout: 1e4 }).should("be.visible");
+			cy.get(`[data-testid="${header.defaultLogo}"], [data-testid="${header.customLogo}"]`).first().click();
+			cy.location("pathname").should("eq", "/");
+			cy.getByTestId(home.helpCard).should("be.visible");
+		});
+		it("should go to 404 page", () => {
+			cy.visit(`${config.registryUrl}/-/web/detail/@verdaccio/not-found`);
+			cy.getByTestId(home.notFound, { timeout: 1e4 }).should("be.visible");
+			cy.getByTestId(home.notFound).contains("Sorry, we couldn't find it.");
+		});
+		describe("with a published package", () => {
+			const pkgName = "@verdaccio/home-fixture";
+			let tempFolder = null;
+			beforeEach(() => {
+				cy.task("publishPackage", {
+					pkgName,
+					version: "1.0.0",
+					unique: true
+				}).then((result) => {
+					tempFolder = result?.tempFolder ?? null;
+				});
+				cy.visit(config.registryUrl);
+			});
+			afterEach(() => {
+				cy.task("unpublishPackage", {
+					pkgName,
+					tempFolder: tempFolder ?? void 0
+				});
+				if (tempFolder) cy.task("cleanupPublished", tempFolder);
+				tempFolder = null;
+			});
+			it("should render the package list when a package exists", () => {
+				cy.wait("@pkgs");
+				cy.getByTestId(pkg.itemList).should("be.visible");
+				cy.getByTestId(pkg.title).should("have.length.at.least", 1);
+			});
+			it("should show the published package name in the list", () => {
+				cy.wait("@pkgs");
+				cy.contains(`[data-testid="${pkg.title}"]`, pkgName).should("be.visible");
+			});
+		});
+	});
+}
+//#endregion
+export { homeTests };
+
+//# sourceMappingURL=home.js.map

package/build/esm/tests/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","names":[],"sources":["../../../src/tests/home.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { RegistryConfig } from '../types';\n\nexport function homeTests(config: RegistryConfig) {\n  const { home, header, package: pkg } = config.testIds;\n\n  describe('home', () => {\n    beforeEach(() => {\n      cy.intercept('GET', '/-/verdaccio/data/packages').as('pkgs');\n      cy.visit(config.registryUrl);\n      // Wait for the app to render\n      cy.get('body').should('be.visible');\n    });\n\n    afterEach(() => {\n      cy.wait(2000);\n    });\n\n    it('title should be correct', () => {\n      cy.location('pathname').should('include', '/');\n      cy.title().should('eq', config.title);\n    });\n\n    it('should fetch the package list from the API', () => {\n      // The home page always fires /-/verdaccio/data/packages on mount;\n      // verifying the endpoint is healthy is the cheapest way to catch\n      // registry-side regressions before any DOM assertions.\n      //\n      // Accept both 200 (fresh fetch) and 304 (cache hit from a prior\n      // spec run in the same session) — both indicate a healthy endpoint.\n      // 304 responses have no body, so only assert array-shape on 200.\n      cy.wait('@pkgs', { timeout: 10000 }).then((interception) => {\n        const status = interception.response?.statusCode;\n        expect(status).to.be.oneOf([200, 304]);\n        if (status === 200) {\n          expect(interception.response?.body).to.be.an('array');\n        }\n      });\n    });\n\n    it('should match title with no packages published', () => {\n      cy.wait('@pkgs');\n      cy.getByTestId(home.helpCard, { timeout: 10000 }).should('be.visible');\n      cy.getByTestId(home.helpCard).contains('No Package Published Yet.');\n    });\n\n    it('should display instructions on help card', () => {\n      cy.wait('@pkgs');\n      cy.getByTestId(home.helpCard, { timeout: 10000 }).should('be.visible');\n      cy.getByTestId(home.helpCard).contains(\n        `npm adduser --registry ${config.registryUrl}`\n      );\n      cy.getByTestId(home.helpCard).contains(\n        `npm publish --registry ${config.registryUrl}`\n      );\n    });\n\n    it('should render the header logo and login button', () => {\n      cy.getByTestId(header.container).should('be.visible');\n      cy.get(\n        `[data-testid=\"${header.defaultLogo}\"], [data-testid=\"${header.customLogo}\"]`\n      ).should('be.visible');\n      cy.getByTestId(header.loginButton).should('be.visible');\n    });\n\n    it('should navigate back to home when clicking the header logo', () => {\n      // Land on the 404 page, then click the logo — URL should reset.\n      cy.visit(`${config.registryUrl}/-/web/detail/@verdaccio/not-found`);\n      cy.getByTestId(home.notFound, { timeout: 10000 }).should('be.visible');\n      cy.get(\n        `[data-testid=\"${header.defaultLogo}\"], [data-testid=\"${header.customLogo}\"]`\n      )\n        .first()\n        .click();\n      cy.location('pathname').should('eq', '/');\n      cy.getByTestId(home.helpCard).should('be.visible');\n    });\n\n    it('should go to 404 page', () => {\n      cy.visit(`${config.registryUrl}/-/web/detail/@verdaccio/not-found`);\n      cy.getByTestId(home.notFound, { timeout: 10000 }).should('be.visible');\n      cy.getByTestId(home.notFound).contains(\"Sorry, we couldn't find it.\");\n    });\n\n    // ── Rendering assertions that require real package data ─────────\n    // Publishes a throwaway package before each test in this block so\n    // we can verify the home page actually renders the list (not just\n    // the empty state) and cleans up after each test so the outer\n    // \"empty registry\" assertions above keep working in isolation.\n    describe('with a published package', () => {\n      const pkgName = '@verdaccio/home-fixture';\n      let tempFolder: string | null = null;\n\n      beforeEach(() => {\n        cy.task('publishPackage', {\n          pkgName,\n          version: '1.0.0',\n          unique: true,\n        }).then((result) => {\n          tempFolder = result?.tempFolder ?? null;\n        });\n        // Re-visit so the page picks up the just-published package.\n        cy.visit(config.registryUrl);\n      });\n\n      afterEach(() => {\n        cy.task('unpublishPackage', {\n          pkgName,\n          tempFolder: tempFolder ?? undefined,\n        });\n        if (tempFolder) {\n          cy.task('cleanupPublished', tempFolder);\n        }\n        tempFolder = null;\n      });\n\n      it('should render the package list when a package exists', () => {\n        cy.wait('@pkgs');\n        cy.getByTestId(pkg.itemList).should('be.visible');\n        cy.getByTestId(pkg.title).should('have.length.at.least', 1);\n      });\n\n      it('should show the published package name in the list', () => {\n        cy.wait('@pkgs');\n        cy.contains(`[data-testid=\"${pkg.title}\"]`, pkgName).should(\n          'be.visible'\n        );\n      });\n    });\n  });\n}\n"],"mappings":"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"}

package/build/esm/tests/layout.js

@@ -0,0 +1,71 @@
+//#region src/tests/layout.ts
+/**
+* Tests for the persistent page chrome: the header (nav bar, logo,
+* search container, action buttons) and the footer (version marker).
+* Also asserts that the runtime UI configuration endpoint
+* `/-/static/ui-options.js` loads successfully — this endpoint emits
+* `window.__VERDACCIO_BASENAME_UI_OPTIONS`, which the ui-theme relies
+* on for feature flags like showFooter / showSearch / showSettings. If
+* it fails the whole SPA degrades to whatever defaults the provider
+* ships with, so it's worth a direct network-level check.
+*/
+function layoutTests(config) {
+	const { header, footer } = config.testIds;
+	describe("layout: header, footer, ui-options", () => {
+		beforeEach(() => {
+			cy.intercept("GET", "**/-/static/ui-options.js").as("uiOptions");
+			cy.visit(config.registryUrl);
+			cy.get("body").should("be.visible");
+		});
+		it("should load /-/static/ui-options.js with HTTP 200", () => {
+			cy.wait("@uiOptions", { timeout: 1e4 }).its("response.statusCode").should("eq", 200);
+		});
+		it("should serve ui-options.js with a JavaScript content-type", () => {
+			cy.wait("@uiOptions", { timeout: 1e4 }).then((interception) => {
+				const contentType = interception.response?.headers?.["content-type"] || "";
+				expect(contentType).to.match(/javascript/i);
+			});
+		});
+		it("should expose window.__VERDACCIO_BASENAME_UI_OPTIONS at runtime", () => {
+			cy.wait("@uiOptions", { timeout: 1e4 });
+			cy.window().its("__VERDACCIO_BASENAME_UI_OPTIONS").should("be.an", "object");
+		});
+		describe("header", () => {
+			it("should render the header container", () => {
+				cy.getByTestId(header.container).should("be.visible");
+				cy.getByTestId(header.innerNavBar).should("be.visible");
+			});
+			it("should render the logo", () => {
+				cy.get(`[data-testid="${header.defaultLogo}"], [data-testid="${header.customLogo}"]`).should("be.visible");
+			});
+			it("should render the search container", () => {
+				cy.getByTestId(header.searchContainer).should("be.visible");
+			});
+			it("should render the header-right action cluster", () => {
+				cy.getByTestId(header.right).should("be.visible");
+			});
+			it("should render the login button when logged out", () => {
+				cy.getByTestId(header.loginButton).should("be.visible");
+			});
+			it("should render the settings and info buttons", () => {
+				cy.getByTestId(header.settingsTooltip).should("be.visible");
+				cy.getByTestId(header.infoTooltip).should("be.visible");
+			});
+		});
+		describe("footer", () => {
+			it("should render the footer container", () => {
+				cy.getByTestId(footer.container).scrollIntoView().should("be.visible");
+			});
+			it("should render the version marker with the powered-by label", () => {
+				cy.getByTestId(footer.version).scrollIntoView().should("be.visible").invoke("text").should("have.length.greaterThan", 0);
+			});
+			it("should render a logo next to the version marker", () => {
+				cy.getByTestId(footer.container).find(`[data-testid="${header.defaultLogo}"], [data-testid="${header.customLogo}"]`).should("exist");
+			});
+		});
+	});
+}
+//#endregion
+export { layoutTests };
+
+//# sourceMappingURL=layout.js.map

package/build/esm/tests/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":[],"sources":["../../../src/tests/layout.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { RegistryConfig } from '../types';\n\n/**\n * Tests for the persistent page chrome: the header (nav bar, logo,\n * search container, action buttons) and the footer (version marker).\n * Also asserts that the runtime UI configuration endpoint\n * `/-/static/ui-options.js` loads successfully — this endpoint emits\n * `window.__VERDACCIO_BASENAME_UI_OPTIONS`, which the ui-theme relies\n * on for feature flags like showFooter / showSearch / showSettings. If\n * it fails the whole SPA degrades to whatever defaults the provider\n * ships with, so it's worth a direct network-level check.\n */\nexport function layoutTests(config: RegistryConfig) {\n  const { header, footer } = config.testIds;\n\n  describe('layout: header, footer, ui-options', () => {\n    beforeEach(() => {\n      cy.intercept('GET', '**/-/static/ui-options.js').as('uiOptions');\n      cy.visit(config.registryUrl);\n      cy.get('body').should('be.visible');\n    });\n\n    it('should load /-/static/ui-options.js with HTTP 200', () => {\n      cy.wait('@uiOptions', { timeout: 10000 })\n        .its('response.statusCode')\n        .should('eq', 200);\n    });\n\n    it('should serve ui-options.js with a JavaScript content-type', () => {\n      cy.wait('@uiOptions', { timeout: 10000 }).then((interception: any) => {\n        const contentType =\n          interception.response?.headers?.['content-type'] || '';\n        // Verdaccio serves this as `application/javascript` (possibly\n        // with a charset suffix). Match loosely so small header tweaks\n        // don't break the test.\n        expect(contentType).to.match(/javascript/i);\n      });\n    });\n\n    it('should expose window.__VERDACCIO_BASENAME_UI_OPTIONS at runtime', () => {\n      cy.wait('@uiOptions', { timeout: 10000 });\n      // ui-options.js sets this global before the React app boots, so\n      // by the time the body is visible it should already be populated.\n      cy.window()\n        .its('__VERDACCIO_BASENAME_UI_OPTIONS')\n        .should('be.an', 'object');\n    });\n\n    describe('header', () => {\n      it('should render the header container', () => {\n        cy.getByTestId(header.container).should('be.visible');\n        cy.getByTestId(header.innerNavBar).should('be.visible');\n      });\n\n      it('should render the logo', () => {\n        // Either the default SVG logo or a user-provided custom one.\n        cy.get(\n          `[data-testid=\"${header.defaultLogo}\"], [data-testid=\"${header.customLogo}\"]`\n        ).should('be.visible');\n      });\n\n      it('should render the search container', () => {\n        cy.getByTestId(header.searchContainer).should('be.visible');\n      });\n\n      it('should render the header-right action cluster', () => {\n        cy.getByTestId(header.right).should('be.visible');\n      });\n\n      it('should render the login button when logged out', () => {\n        cy.getByTestId(header.loginButton).should('be.visible');\n      });\n\n      it('should render the settings and info buttons', () => {\n        // Both depend on `showSettings` / `showInfo` being truthy in\n        // the ui-options response. On the default config provider\n        // they default to true so no explicit registry config is\n        // required.\n        cy.getByTestId(header.settingsTooltip).should('be.visible');\n        cy.getByTestId(header.infoTooltip).should('be.visible');\n      });\n    });\n\n    describe('footer', () => {\n      it('should render the footer container', () => {\n        cy.getByTestId(footer.container).scrollIntoView().should('be.visible');\n      });\n\n      it('should render the version marker with the powered-by label', () => {\n        // <PoweredBy> only renders when `configOptions.version` is\n        // truthy, which Verdaccio sets automatically from its\n        // package.json at startup.\n        cy.getByTestId(footer.version)\n          .scrollIntoView()\n          .should('be.visible')\n          .invoke('text')\n          .should('have.length.greaterThan', 0);\n      });\n\n      it('should render a logo next to the version marker', () => {\n        // The footer uses the default SVG logo as the link to\n        // verdaccio.org.\n        cy.getByTestId(footer.container)\n          .find(\n            `[data-testid=\"${header.defaultLogo}\"], [data-testid=\"${header.customLogo}\"]`\n          )\n          .should('exist');\n      });\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,YAAY,QAAwB;CAClD,MAAM,EAAE,QAAQ,WAAW,OAAO;AAElC,UAAS,4CAA4C;AACnD,mBAAiB;AACf,MAAG,UAAU,OAAO,4BAA4B,CAAC,GAAG,YAAY;AAChE,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,IAAI,OAAO,CAAC,OAAO,aAAa;IACnC;AAEF,KAAG,2DAA2D;AAC5D,MAAG,KAAK,cAAc,EAAE,SAAS,KAAO,CAAC,CACtC,IAAI,sBAAsB,CAC1B,OAAO,MAAM,IAAI;IACpB;AAEF,KAAG,mEAAmE;AACpE,MAAG,KAAK,cAAc,EAAE,SAAS,KAAO,CAAC,CAAC,MAAM,iBAAsB;IACpE,MAAM,cACJ,aAAa,UAAU,UAAU,mBAAmB;AAItD,WAAO,YAAY,CAAC,GAAG,MAAM,cAAc;KAC3C;IACF;AAEF,KAAG,yEAAyE;AAC1E,MAAG,KAAK,cAAc,EAAE,SAAS,KAAO,CAAC;AAGzC,MAAG,QAAQ,CACR,IAAI,kCAAkC,CACtC,OAAO,SAAS,SAAS;IAC5B;AAEF,WAAS,gBAAgB;AACvB,MAAG,4CAA4C;AAC7C,OAAG,YAAY,OAAO,UAAU,CAAC,OAAO,aAAa;AACrD,OAAG,YAAY,OAAO,YAAY,CAAC,OAAO,aAAa;KACvD;AAEF,MAAG,gCAAgC;AAEjC,OAAG,IACD,iBAAiB,OAAO,YAAY,oBAAoB,OAAO,WAAW,IAC3E,CAAC,OAAO,aAAa;KACtB;AAEF,MAAG,4CAA4C;AAC7C,OAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO,aAAa;KAC3D;AAEF,MAAG,uDAAuD;AACxD,OAAG,YAAY,OAAO,MAAM,CAAC,OAAO,aAAa;KACjD;AAEF,MAAG,wDAAwD;AACzD,OAAG,YAAY,OAAO,YAAY,CAAC,OAAO,aAAa;KACvD;AAEF,MAAG,qDAAqD;AAKtD,OAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO,aAAa;AAC3D,OAAG,YAAY,OAAO,YAAY,CAAC,OAAO,aAAa;KACvD;IACF;AAEF,WAAS,gBAAgB;AACvB,MAAG,4CAA4C;AAC7C,OAAG,YAAY,OAAO,UAAU,CAAC,gBAAgB,CAAC,OAAO,aAAa;KACtE;AAEF,MAAG,oEAAoE;AAIrE,OAAG,YAAY,OAAO,QAAQ,CAC3B,gBAAgB,CAChB,OAAO,aAAa,CACpB,OAAO,OAAO,CACd,OAAO,2BAA2B,EAAE;KACvC;AAEF,MAAG,yDAAyD;AAG1D,OAAG,YAAY,OAAO,UAAU,CAC7B,KACC,iBAAiB,OAAO,YAAY,oBAAoB,OAAO,WAAW,IAC3E,CACA,OAAO,QAAQ;KAClB;IACF;GACF"}

package/build/esm/tests/publish.js

@@ -0,0 +1,129 @@
+//#region src/tests/publish.ts
+function publishTests(config) {
+	const { header, package: pkg } = config.testIds;
+	const { markdownBody, loginDialog } = config.selectors;
+	describe("publish", () => {
+		const pkgName = "@verdaccio/pkg-scoped";
+		let tempFolder = null;
+		/**
+		* Log in once, reuse the session across every test in this suite.
+		* `cy.session` caches cookies + localStorage keyed on the first
+		* argument, so subsequent calls restore without hitting the network.
+		*/
+		const loginOnce = () => {
+			cy.session(["publish-suite", config.credentials.user], () => {
+				cy.visit(config.registryUrl);
+				cy.login(config.credentials.user, config.credentials.password, {
+					loginButton: header.loginButton,
+					...loginDialog
+				});
+				cy.wait("@sign");
+			}, {
+				validate() {
+					cy.request({
+						url: `${config.registryUrl}/-/verdaccio/data/packages`,
+						failOnStatusCode: false
+					}).its("status").should("be.oneOf", [200, 304]);
+				},
+				cacheAcrossSpecs: true
+			});
+		};
+		beforeEach(() => {
+			cy.intercept("POST", "/-/verdaccio/sec/login").as("sign");
+			cy.intercept("GET", "/-/verdaccio/data/packages").as("pkgs");
+			cy.intercept("GET", `/-/verdaccio/data/sidebar/${pkgName}`).as("sidebar");
+			cy.intercept("GET", `/-/verdaccio/data/package/readme/${pkgName}`).as("readme");
+			cy.task("publishPackage", {
+				pkgName,
+				version: "1.0.0",
+				dependencies: { debug: "4.0.0" },
+				unique: true
+			}).then((result) => {
+				tempFolder = result?.tempFolder ?? null;
+			});
+			loginOnce();
+			cy.visit(config.registryUrl);
+		});
+		afterEach(() => {
+			cy.task("unpublishPackage", {
+				pkgName,
+				tempFolder: tempFolder ?? void 0
+			});
+			if (tempFolder) cy.task("cleanupPublished", tempFolder);
+			tempFolder = null;
+		});
+		it("should have one published package", () => {
+			cy.wait("@pkgs");
+			cy.getByTestId(pkg.title).should("have.length.at.least", 1);
+		});
+		it("should navigate to page detail", () => {
+			cy.wait("@pkgs");
+			cy.wait(300);
+			cy.getByTestId(pkg.title).first().click();
+		});
+		it("should have readme content", () => {
+			cy.wait("@pkgs");
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@readme");
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.readme).should("be.visible");
+			cy.get(markdownBody).should("have.length", 1);
+			cy.contains(markdownBody, /test/);
+			cy.contains(`${markdownBody} h1`, pkgName).should("be.visible");
+		});
+		it("should render the sidebar with install commands for npm, yarn, pnpm", () => {
+			cy.wait("@pkgs");
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.sidebar).should("be.visible");
+			cy.getByTestId(pkg.installList).within(() => {
+				cy.getByTestId(pkg.installNpm).should("be.visible");
+				cy.getByTestId(pkg.installYarn).should("be.visible");
+				cy.getByTestId(pkg.installPnpm).should("be.visible");
+			});
+			cy.getByTestId(pkg.installNpm).should("contain.text", pkgName);
+		});
+		it("should render the sidebar keywords from the published manifest", () => {
+			cy.wait("@pkgs");
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.keywordList).should("be.visible");
+			cy.getByTestId(pkg.keywordList).should("contain.text", "verdaccio");
+			cy.getByTestId(pkg.keywordList).should("contain.text", "e2e");
+			cy.getByTestId(pkg.keywordList).should("contain.text", "test");
+		});
+		it("should click on dependencies tab", () => {
+			cy.wait("@pkgs");
+			cy.wait(300);
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@readme");
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.dependenciesTab).click();
+			cy.wait(100);
+			cy.getByTestId(pkg.dependencies).should("have.length", 1);
+			cy.getByTestId("debug").children().invoke("text").should("match", /debug/);
+		});
+		it("should click on versions tab", () => {
+			cy.wait("@pkgs");
+			cy.wait(300);
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@readme");
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.versionsTab).click();
+			cy.getByTestId(pkg.tagLatest).children().invoke("text").should("match", /1\.0\.0/);
+		});
+		it("should click on uplinks tab", () => {
+			cy.wait("@pkgs");
+			cy.wait(300);
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@readme");
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.uplinksTab).click();
+			cy.getByTestId(pkg.noUplinks).should("be.visible");
+		});
+	});
+}
+//#endregion
+export { publishTests };
+
+//# sourceMappingURL=publish.js.map

package/build/esm/tests/publish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"publish.js","names":[],"sources":["../../../src/tests/publish.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { RegistryConfig } from '../types';\n\nexport function publishTests(config: RegistryConfig) {\n  const { header, package: pkg } = config.testIds;\n  const { markdownBody, loginDialog } = config.selectors;\n\n  describe('publish', () => {\n    const pkgName = '@verdaccio/pkg-scoped';\n    // Per-test state so afterEach can clean up the specific publish\n    // that this test created (temp folder + registry entry).\n    let tempFolder: string | null = null;\n\n    /**\n     * Log in once, reuse the session across every test in this suite.\n     * `cy.session` caches cookies + localStorage keyed on the first\n     * argument, so subsequent calls restore without hitting the network.\n     */\n    const loginOnce = () => {\n      cy.session(\n        ['publish-suite', config.credentials.user],\n        () => {\n          cy.visit(config.registryUrl);\n          cy.login(config.credentials.user, config.credentials.password, {\n            loginButton: header.loginButton,\n            ...loginDialog,\n          });\n          cy.wait('@sign');\n        },\n        {\n          validate() {\n            cy.request({\n              url: `${config.registryUrl}/-/verdaccio/data/packages`,\n              failOnStatusCode: false,\n            })\n              .its('status')\n              .should('be.oneOf', [200, 304]);\n          },\n          cacheAcrossSpecs: true,\n        }\n      );\n    };\n\n    beforeEach(() => {\n      cy.intercept('POST', '/-/verdaccio/sec/login').as('sign');\n      cy.intercept('GET', '/-/verdaccio/data/packages').as('pkgs');\n      cy.intercept('GET', `/-/verdaccio/data/sidebar/${pkgName}`).as('sidebar');\n      cy.intercept('GET', `/-/verdaccio/data/package/readme/${pkgName}`).as('readme');\n\n      // Publish a fresh copy for this test. `unique: true` appends a\n      // timestamp suffix so the version is distinct per test even when\n      // the registry briefly has a stale copy from a prior afterEach.\n      cy.task('publishPackage', {\n        pkgName,\n        version: '1.0.0',\n        dependencies: { debug: '4.0.0' },\n        unique: true,\n      }).then((result) => {\n        tempFolder = result?.tempFolder ?? null;\n      });\n\n      loginOnce();\n      cy.visit(config.registryUrl);\n    });\n\n    afterEach(() => {\n      // Remove the package from the registry AND the local temp folder.\n      // Run both regardless of test outcome so the next test starts\n      // clean. `unpublishPackage` treats 404 as success, so a re-run\n      // after a half-published state is still safe.\n      cy.task('unpublishPackage', { pkgName, tempFolder: tempFolder ?? undefined });\n      if (tempFolder) {\n        cy.task('cleanupPublished', tempFolder);\n      }\n      tempFolder = null;\n    });\n\n    it('should have one published package', () => {\n      cy.wait('@pkgs');\n      cy.getByTestId(pkg.title).should('have.length.at.least', 1);\n    });\n\n    it('should navigate to page detail', () => {\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId(pkg.title).first().click();\n    });\n\n    it('should have readme content', () => {\n      cy.wait('@pkgs');\n      cy.getByTestId(pkg.title).first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.getByTestId(pkg.readme).should('be.visible');\n      cy.get(markdownBody).should('have.length', 1);\n      // publishPackage writes a README whose body contains \"e2e testing\".\n      cy.contains(markdownBody, /test/);\n      cy.contains(`${markdownBody} h1`, pkgName).should('be.visible');\n    });\n\n    it('should render the sidebar with install commands for npm, yarn, pnpm', () => {\n      cy.wait('@pkgs');\n      cy.getByTestId(pkg.title).first().click();\n      cy.wait('@sidebar');\n      cy.getByTestId(pkg.sidebar).should('be.visible');\n      cy.getByTestId(pkg.installList).within(() => {\n        cy.getByTestId(pkg.installNpm).should('be.visible');\n        cy.getByTestId(pkg.installYarn).should('be.visible');\n        cy.getByTestId(pkg.installPnpm).should('be.visible');\n      });\n      cy.getByTestId(pkg.installNpm).should('contain.text', pkgName);\n    });\n\n    it('should render the sidebar keywords from the published manifest', () => {\n      cy.wait('@pkgs');\n      cy.getByTestId(pkg.title).first().click();\n      cy.wait('@sidebar');\n      // publishPackage writes `keywords: ['verdaccio', 'e2e', 'test']`\n      // into the generated package.json.\n      cy.getByTestId(pkg.keywordList).should('be.visible');\n      cy.getByTestId(pkg.keywordList).should('contain.text', 'verdaccio');\n      cy.getByTestId(pkg.keywordList).should('contain.text', 'e2e');\n      cy.getByTestId(pkg.keywordList).should('contain.text', 'test');\n    });\n\n    it('should click on dependencies tab', () => {\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId(pkg.title).first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.getByTestId(pkg.dependenciesTab).click();\n      cy.wait(100);\n      cy.getByTestId(pkg.dependencies).should('have.length', 1);\n      // The dep is rendered with its name as testid. This is a dynamic\n      // Verdaccio convention (not configurable via testIds map).\n      cy.getByTestId('debug').children().invoke('text').should('match', /debug/);\n    });\n\n    it('should click on versions tab', () => {\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId(pkg.title).first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.getByTestId(pkg.versionsTab).click();\n      // With `unique: true` the version becomes `1.0.0-t<timestamp>`,\n      // but \"1.0.0\" still appears as a substring — match loosely.\n      cy.getByTestId(pkg.tagLatest)\n        .children()\n        .invoke('text')\n        .should('match', /1\\.0\\.0/);\n    });\n\n    it('should click on uplinks tab', () => {\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId(pkg.title).first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.getByTestId(pkg.uplinksTab).click();\n      cy.getByTestId(pkg.noUplinks).should('be.visible');\n    });\n  });\n}\n"],"mappings":"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"}

package/build/esm/tests/search.js

@@ -0,0 +1,74 @@
+//#region src/tests/search.ts
+/**
+* UI tests for the Verdaccio search box.
+*
+* These tests do NOT depend on any published package — they assert the
+* search *flow* (input exists, typing triggers the search API, results
+* region updates) rather than specific package metadata. Tests that need
+* a real package in the registry should live in publishTests instead.
+*/
+function searchTests(config) {
+	describe("search", () => {
+		beforeEach(() => {
+			cy.intercept("GET", "**/-/verdaccio/data/search/**").as("webSearch");
+			cy.intercept("GET", "**/-/v1/search**").as("v1Search");
+			cy.intercept("GET", "**/-/verdaccio/data/packages").as("pkgs");
+			cy.visit(config.registryUrl);
+			cy.get("body").should("be.visible");
+		});
+		it("should render the search input", () => {
+			getSearchInput().should("be.visible");
+		});
+		it("should fire a search request when typing a query", () => {
+			const query = "verdaccio";
+			getSearchInput().clear().type(query, { delay: 30 });
+			cy.wait(anySearchAlias(), { timeout: 1e4 }).then((interception) => {
+				expect(interception.request.url).to.contain(query);
+			});
+		});
+		it("should show a \"no results\" state for an impossible query", () => {
+			const query = "xyzzy-no-such-package-" + Date.now();
+			getSearchInput().clear().type(query, { delay: 30 });
+			cy.wait(anySearchAlias(), { timeout: 1e4 });
+			cy.wait(300);
+			cy.contains(/no\s+(match|results|packages)/i, { timeout: 5e3 }).should("be.visible");
+		});
+		it("should clear the query and allow typing a new one", () => {
+			getSearchInput().clear().type("first-query", { delay: 20 });
+			cy.wait(anySearchAlias(), { timeout: 1e4 });
+			getSearchInput().clear();
+			getSearchInput().should("have.value", "");
+			getSearchInput().type("second-query", { delay: 20 });
+			cy.wait(anySearchAlias(), { timeout: 1e4 }).then((interception) => {
+				expect(interception.request.url).to.contain("second-query");
+			});
+		});
+	});
+}
+/**
+* Resolve the search input. Verdaccio 6 renders it with different
+* data-testid values across versions, so we try a few in order before
+* falling back to a generic role/type selector.
+*/
+function getSearchInput() {
+	return cy.get([
+		"[data-testid=\"search-input\"]",
+		"[data-testid=\"header--input-search\"]",
+		"[data-testid=\"autoCompleteSearch\"] input",
+		"input[aria-label*=\"earch\"]",
+		"input[placeholder*=\"earch\"]",
+		"input[type=\"search\"]"
+	].join(", "), { timeout: 1e4 });
+}
+/**
+* Cypress `cy.wait` only accepts one alias at a time, so pick whichever
+* alias fires first. This helper lets us stay agnostic to which search
+* endpoint the UI is wired to.
+*/
+function anySearchAlias() {
+	return "@webSearch";
+}
+//#endregion
+export { searchTests };
+
+//# sourceMappingURL=search.js.map

package/build/esm/tests/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","names":[],"sources":["../../../src/tests/search.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { RegistryConfig } from '../types';\n\n/**\n * UI tests for the Verdaccio search box.\n *\n * These tests do NOT depend on any published package — they assert the\n * search *flow* (input exists, typing triggers the search API, results\n * region updates) rather than specific package metadata. Tests that need\n * a real package in the registry should live in publishTests instead.\n */\nexport function searchTests(config: RegistryConfig) {\n  describe('search', () => {\n    beforeEach(() => {\n      // Verdaccio's search endpoint — covers both the web API and the\n      // npm v1 search API, depending on which one the UI calls.\n      cy.intercept('GET', '**/-/verdaccio/data/search/**').as('webSearch');\n      cy.intercept('GET', '**/-/v1/search**').as('v1Search');\n      cy.intercept('GET', '**/-/verdaccio/data/packages').as('pkgs');\n\n      cy.visit(config.registryUrl);\n      cy.get('body').should('be.visible');\n    });\n\n    it('should render the search input', () => {\n      getSearchInput().should('be.visible');\n    });\n\n    it('should fire a search request when typing a query', () => {\n      const query = 'verdaccio';\n\n      getSearchInput().clear().type(query, { delay: 30 });\n\n      // Whichever endpoint the UI is wired to, at least one should hit.\n      cy.wait(anySearchAlias(), { timeout: 10000 }).then((interception: any) => {\n        expect(interception.request.url).to.contain(query);\n      });\n    });\n\n    it('should show a \"no results\" state for an impossible query', () => {\n      const query = 'xyzzy-no-such-package-' + Date.now();\n\n      getSearchInput().clear().type(query, { delay: 30 });\n      cy.wait(anySearchAlias(), { timeout: 10000 });\n\n      // Give the UI a tick to render the empty state.\n      cy.wait(300);\n\n      // The UI may render \"No Match\", \"No results\", or similar — match\n      // loosely rather than binding to one exact string.\n      cy.contains(/no\\s+(match|results|packages)/i, { timeout: 5000 }).should(\n        'be.visible'\n      );\n    });\n\n    it('should clear the query and allow typing a new one', () => {\n      getSearchInput().clear().type('first-query', { delay: 20 });\n      cy.wait(anySearchAlias(), { timeout: 10000 });\n\n      // Clearing should empty the input value. We deliberately do NOT\n      // assert on the autocomplete dropdown's empty-state text: on a\n      // registry with no packages published it lingers regardless of\n      // the input value, which previously caused a false positive.\n      getSearchInput().clear();\n      getSearchInput().should('have.value', '');\n\n      // Typing a fresh query must fire another search request so the\n      // search box is still functional after a clear.\n      getSearchInput().type('second-query', { delay: 20 });\n      cy.wait(anySearchAlias(), { timeout: 10000 }).then(\n        (interception: any) => {\n          expect(interception.request.url).to.contain('second-query');\n        }\n      );\n    });\n  });\n}\n\n/**\n * Resolve the search input. Verdaccio 6 renders it with different\n * data-testid values across versions, so we try a few in order before\n * falling back to a generic role/type selector.\n */\nfunction getSearchInput() {\n  return cy.get(\n    [\n      '[data-testid=\"search-input\"]',\n      '[data-testid=\"header--input-search\"]',\n      '[data-testid=\"autoCompleteSearch\"] input',\n      'input[aria-label*=\"earch\"]',\n      'input[placeholder*=\"earch\"]',\n      'input[type=\"search\"]',\n    ].join(', '),\n    { timeout: 10000 }\n  );\n}\n\n/**\n * Cypress `cy.wait` only accepts one alias at a time, so pick whichever\n * alias fires first. This helper lets us stay agnostic to which search\n * endpoint the UI is wired to.\n */\nfunction anySearchAlias(): string {\n  // In practice most Verdaccio 6 builds call the web search endpoint;\n  // prefer that one and let the test fail loud if neither fires.\n  return '@webSearch';\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,YAAY,QAAwB;AAClD,UAAS,gBAAgB;AACvB,mBAAiB;AAGf,MAAG,UAAU,OAAO,gCAAgC,CAAC,GAAG,YAAY;AACpE,MAAG,UAAU,OAAO,mBAAmB,CAAC,GAAG,WAAW;AACtD,MAAG,UAAU,OAAO,+BAA+B,CAAC,GAAG,OAAO;AAE9D,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,IAAI,OAAO,CAAC,OAAO,aAAa;IACnC;AAEF,KAAG,wCAAwC;AACzC,mBAAgB,CAAC,OAAO,aAAa;IACrC;AAEF,KAAG,0DAA0D;GAC3D,MAAM,QAAQ;AAEd,mBAAgB,CAAC,OAAO,CAAC,KAAK,OAAO,EAAE,OAAO,IAAI,CAAC;AAGnD,MAAG,KAAK,gBAAgB,EAAE,EAAE,SAAS,KAAO,CAAC,CAAC,MAAM,iBAAsB;AACxE,WAAO,aAAa,QAAQ,IAAI,CAAC,GAAG,QAAQ,MAAM;KAClD;IACF;AAEF,KAAG,oEAAkE;GACnE,MAAM,QAAQ,2BAA2B,KAAK,KAAK;AAEnD,mBAAgB,CAAC,OAAO,CAAC,KAAK,OAAO,EAAE,OAAO,IAAI,CAAC;AACnD,MAAG,KAAK,gBAAgB,EAAE,EAAE,SAAS,KAAO,CAAC;AAG7C,MAAG,KAAK,IAAI;AAIZ,MAAG,SAAS,kCAAkC,EAAE,SAAS,KAAM,CAAC,CAAC,OAC/D,aACD;IACD;AAEF,KAAG,2DAA2D;AAC5D,mBAAgB,CAAC,OAAO,CAAC,KAAK,eAAe,EAAE,OAAO,IAAI,CAAC;AAC3D,MAAG,KAAK,gBAAgB,EAAE,EAAE,SAAS,KAAO,CAAC;AAM7C,mBAAgB,CAAC,OAAO;AACxB,mBAAgB,CAAC,OAAO,cAAc,GAAG;AAIzC,mBAAgB,CAAC,KAAK,gBAAgB,EAAE,OAAO,IAAI,CAAC;AACpD,MAAG,KAAK,gBAAgB,EAAE,EAAE,SAAS,KAAO,CAAC,CAAC,MAC3C,iBAAsB;AACrB,WAAO,aAAa,QAAQ,IAAI,CAAC,GAAG,QAAQ,eAAe;KAE9D;IACD;GACF;;;;;;;AAQJ,SAAS,iBAAiB;AACxB,QAAO,GAAG,IACR;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,KAAK,EACZ,EAAE,SAAS,KAAO,CACnB;;;;;;;AAQH,SAAS,iBAAyB;AAGhC,QAAO"}

package/build/esm/tests/settings.js

@@ -0,0 +1,66 @@
+//#region src/tests/settings.ts
+/**
+* Tests for the header Settings dialog and the Translations (language)
+* picker inside it.
+*
+* Requires `web.showSettings: true` in the registry config — the gear
+* icon only renders when the flag is on (see HeaderRight in Verdaccio's
+* ui-components package).
+*
+* Selector strategy: the language cards in LanguageSwitch do NOT have
+* data-testids, so this suite leans on:
+*   - MUI's ARIA roles: `[role="dialog"]`, `[role="tab"]`
+*   - The stable English labels "Configuration", "Translations",
+*     "English", "German", and the language description text, which are
+*     bundled into the ui-theme via `@verdaccio/ui-i18n`
+*   - The settings trigger's testid from Verdaccio's HeaderToolTipIcon:
+*     `header--tooltip-settings`
+*/
+function settingsTests(config) {
+	const { header } = config.testIds;
+	describe("settings & language", () => {
+		beforeEach(() => {
+			cy.visit(config.registryUrl);
+			cy.get("body").should("be.visible");
+		});
+		it("should open the settings dialog from the header", () => {
+			cy.getByTestId(header.settingsTooltip).click();
+			cy.get("[role=\"dialog\"]").should("be.visible");
+			cy.contains("[role=\"dialog\"]", "Configuration").should("be.visible");
+		});
+		it("should show both Package Managers and Translations tabs", () => {
+			cy.getByTestId(header.settingsTooltip).click();
+			cy.get("[role=\"dialog\"]").should("be.visible");
+			cy.get("[role=\"dialog\"] [role=\"tab\"]").should("have.length", 2);
+			cy.contains("[role=\"dialog\"] [role=\"tab\"]", "Translations").should("be.visible");
+		});
+		it("should switch to the Translations tab and list languages", () => {
+			cy.getByTestId(header.settingsTooltip).click();
+			cy.get("[role=\"dialog\"]").should("be.visible");
+			cy.contains("[role=\"dialog\"] [role=\"tab\"]", "Translations").click();
+			cy.contains("[role=\"dialog\"]", /this is the configuration details for the language/i).should("be.visible");
+			cy.contains("[role=\"dialog\"]", "English").should("be.visible");
+			cy.contains("[role=\"dialog\"]", "German").should("be.visible");
+		});
+		it("should change the UI language when a language card is clicked", () => {
+			cy.getByTestId(header.settingsTooltip).click();
+			cy.get("[role=\"dialog\"]").should("be.visible");
+			cy.contains("[role=\"dialog\"] [role=\"tab\"]", "Translations").click();
+			cy.contains("[role=\"dialog\"]", "Configuration").invoke("text").then((englishTitle) => {
+				cy.contains("[role=\"dialog\"] .MuiCard-root", "German").click({ force: true });
+				cy.contains("[role=\"dialog\"] [role=\"tab\"]", "Translations").should("not.exist");
+				cy.contains("[role=\"dialog\"]", englishTitle).should("not.exist");
+			});
+		});
+		it("should close the settings dialog with Escape", () => {
+			cy.getByTestId(header.settingsTooltip).click();
+			cy.get("[role=\"dialog\"]").should("be.visible");
+			cy.get("body").type("{esc}");
+			cy.get("[role=\"dialog\"]").should("not.exist");
+		});
+	});
+}
+//#endregion
+export { settingsTests };
+
+//# sourceMappingURL=settings.js.map

package/build/esm/tests/settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.js","names":[],"sources":["../../../src/tests/settings.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { RegistryConfig } from '../types';\n\n/**\n * Tests for the header Settings dialog and the Translations (language)\n * picker inside it.\n *\n * Requires `web.showSettings: true` in the registry config — the gear\n * icon only renders when the flag is on (see HeaderRight in Verdaccio's\n * ui-components package).\n *\n * Selector strategy: the language cards in LanguageSwitch do NOT have\n * data-testids, so this suite leans on:\n *   - MUI's ARIA roles: `[role=\"dialog\"]`, `[role=\"tab\"]`\n *   - The stable English labels \"Configuration\", \"Translations\",\n *     \"English\", \"German\", and the language description text, which are\n *     bundled into the ui-theme via `@verdaccio/ui-i18n`\n *   - The settings trigger's testid from Verdaccio's HeaderToolTipIcon:\n *     `header--tooltip-settings`\n */\nexport function settingsTests(config: RegistryConfig) {\n  const { header } = config.testIds;\n\n  describe('settings & language', () => {\n    beforeEach(() => {\n      cy.visit(config.registryUrl);\n      cy.get('body').should('be.visible');\n    });\n\n    it('should open the settings dialog from the header', () => {\n      cy.getByTestId(header.settingsTooltip).click();\n      cy.get('[role=\"dialog\"]').should('be.visible');\n      // Dialog title key: dialog.settings.title → \"Configuration\" in EN.\n      cy.contains('[role=\"dialog\"]', 'Configuration').should('be.visible');\n    });\n\n    it('should show both Package Managers and Translations tabs', () => {\n      cy.getByTestId(header.settingsTooltip).click();\n      cy.get('[role=\"dialog\"]').should('be.visible');\n      cy.get('[role=\"dialog\"] [role=\"tab\"]').should('have.length', 2);\n      cy.contains('[role=\"dialog\"] [role=\"tab\"]', 'Translations').should(\n        'be.visible'\n      );\n    });\n\n    it('should switch to the Translations tab and list languages', () => {\n      cy.getByTestId(header.settingsTooltip).click();\n      cy.get('[role=\"dialog\"]').should('be.visible');\n      cy.contains('[role=\"dialog\"] [role=\"tab\"]', 'Translations').click();\n      // language.description text is bundled in EN — good sentinel.\n      cy.contains(\n        '[role=\"dialog\"]',\n        /this is the configuration details for the language/i\n      ).should('be.visible');\n      // Sanity-check a couple of language cards are rendered.\n      cy.contains('[role=\"dialog\"]', 'English').should('be.visible');\n      cy.contains('[role=\"dialog\"]', 'German').should('be.visible');\n    });\n\n    it('should change the UI language when a language card is clicked', () => {\n      cy.getByTestId(header.settingsTooltip).click();\n      cy.get('[role=\"dialog\"]').should('be.visible');\n      cy.contains('[role=\"dialog\"] [role=\"tab\"]', 'Translations').click();\n\n      // Before switching, capture the current dialog title so we can\n      // assert it changes. This avoids hard-coding the German string.\n      cy.contains('[role=\"dialog\"]', 'Configuration')\n        .invoke('text')\n        .then((englishTitle) => {\n          // Click the German card. We scope to the dialog + the MUI\n          // card class to avoid matching other \"German\" text.\n          cy.contains('[role=\"dialog\"] .MuiCard-root', 'German').click({\n            force: true,\n          });\n\n          // The English tab label \"Translations\" must no longer be\n          // present anywhere in the dialog — strongest proof the\n          // language actually switched.\n          cy.contains('[role=\"dialog\"] [role=\"tab\"]', 'Translations').should(\n            'not.exist'\n          );\n          // And the original dialog title text should also be gone.\n          cy.contains('[role=\"dialog\"]', englishTitle).should('not.exist');\n        });\n    });\n\n    it('should close the settings dialog with Escape', () => {\n      cy.getByTestId(header.settingsTooltip).click();\n      cy.get('[role=\"dialog\"]').should('be.visible');\n      cy.get('body').type('{esc}');\n      cy.get('[role=\"dialog\"]').should('not.exist');\n    });\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,SAAgB,cAAc,QAAwB;CACpD,MAAM,EAAE,WAAW,OAAO;AAE1B,UAAS,6BAA6B;AACpC,mBAAiB;AACf,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,IAAI,OAAO,CAAC,OAAO,aAAa;IACnC;AAEF,KAAG,yDAAyD;AAC1D,MAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,MAAG,IAAI,oBAAkB,CAAC,OAAO,aAAa;AAE9C,MAAG,SAAS,qBAAmB,gBAAgB,CAAC,OAAO,aAAa;IACpE;AAEF,KAAG,iEAAiE;AAClE,MAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,MAAG,IAAI,oBAAkB,CAAC,OAAO,aAAa;AAC9C,MAAG,IAAI,mCAA+B,CAAC,OAAO,eAAe,EAAE;AAC/D,MAAG,SAAS,oCAAgC,eAAe,CAAC,OAC1D,aACD;IACD;AAEF,KAAG,kEAAkE;AACnE,MAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,MAAG,IAAI,oBAAkB,CAAC,OAAO,aAAa;AAC9C,MAAG,SAAS,oCAAgC,eAAe,CAAC,OAAO;AAEnE,MAAG,SACD,qBACA,sDACD,CAAC,OAAO,aAAa;AAEtB,MAAG,SAAS,qBAAmB,UAAU,CAAC,OAAO,aAAa;AAC9D,MAAG,SAAS,qBAAmB,SAAS,CAAC,OAAO,aAAa;IAC7D;AAEF,KAAG,uEAAuE;AACxE,MAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,MAAG,IAAI,oBAAkB,CAAC,OAAO,aAAa;AAC9C,MAAG,SAAS,oCAAgC,eAAe,CAAC,OAAO;AAInE,MAAG,SAAS,qBAAmB,gBAAgB,CAC5C,OAAO,OAAO,CACd,MAAM,iBAAiB;AAGtB,OAAG,SAAS,mCAAiC,SAAS,CAAC,MAAM,EAC3D,OAAO,MACR,CAAC;AAKF,OAAG,SAAS,oCAAgC,eAAe,CAAC,OAC1D,YACD;AAED,OAAG,SAAS,qBAAmB,aAAa,CAAC,OAAO,YAAY;KAChE;IACJ;AAEF,KAAG,sDAAsD;AACvD,MAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,MAAG,IAAI,oBAAkB,CAAC,OAAO,aAAa;AAC9C,MAAG,IAAI,OAAO,CAAC,KAAK,QAAQ;AAC5B,MAAG,IAAI,oBAAkB,CAAC,OAAO,YAAY;IAC7C;GACF"}

package/build/esm/tests/signin.js

@@ -0,0 +1,38 @@
+//#region src/tests/signin.ts
+function signinTests(config) {
+	const { header } = config.testIds;
+	const { loginDialog } = config.selectors;
+	describe("sign in / sign out", () => {
+		beforeEach(() => {
+			cy.intercept("POST", "/-/verdaccio/sec/login").as("sign");
+		});
+		it("should login user", () => {
+			cy.visit(config.registryUrl);
+			cy.login(config.credentials.user, config.credentials.password, {
+				loginButton: header.loginButton,
+				...loginDialog
+			});
+			cy.wait("@sign");
+			cy.getByTestId(header.logInDialogIcon).click();
+			cy.wait(100);
+			cy.getByTestId(header.greetingsLabel).contains(config.credentials.user);
+		});
+		it("should logout a user", () => {
+			cy.visit(config.registryUrl);
+			cy.login(config.credentials.user, config.credentials.password, {
+				loginButton: header.loginButton,
+				...loginDialog
+			});
+			cy.wait("@sign");
+			cy.getByTestId(header.logInDialogIcon).click();
+			cy.wait(100);
+			cy.getByTestId(header.logOutDialogIcon).click();
+			cy.wait(200);
+			cy.getByTestId(header.loginButton).contains("Login");
+		});
+	});
+}
+//#endregion
+export { signinTests };
+
+//# sourceMappingURL=signin.js.map

package/build/esm/tests/signin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signin.js","names":[],"sources":["../../../src/tests/signin.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { RegistryConfig } from '../types';\n\nexport function signinTests(config: RegistryConfig) {\n  const { header } = config.testIds;\n  const { loginDialog } = config.selectors;\n\n  describe('sign in / sign out', () => {\n    beforeEach(() => {\n      cy.intercept('POST', '/-/verdaccio/sec/login').as('sign');\n    });\n\n    it('should login user', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password, {\n        loginButton: header.loginButton,\n        ...loginDialog,\n      });\n      cy.wait('@sign');\n      cy.getByTestId(header.logInDialogIcon).click();\n      cy.wait(100);\n      cy.getByTestId(header.greetingsLabel).contains(config.credentials.user);\n    });\n\n    it('should logout a user', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password, {\n        loginButton: header.loginButton,\n        ...loginDialog,\n      });\n      cy.wait('@sign');\n      cy.getByTestId(header.logInDialogIcon).click();\n      cy.wait(100);\n      cy.getByTestId(header.logOutDialogIcon).click();\n      cy.wait(200);\n      cy.getByTestId(header.loginButton).contains('Login');\n    });\n  });\n}\n"],"mappings":";AAIA,SAAgB,YAAY,QAAwB;CAClD,MAAM,EAAE,WAAW,OAAO;CAC1B,MAAM,EAAE,gBAAgB,OAAO;AAE/B,UAAS,4BAA4B;AACnC,mBAAiB;AACf,MAAG,UAAU,QAAQ,yBAAyB,CAAC,GAAG,OAAO;IACzD;AAEF,KAAG,2BAA2B;AAC5B,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,UAAU;IAC7D,aAAa,OAAO;IACpB,GAAG;IACJ,CAAC;AACF,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,OAAO,eAAe,CAAC,SAAS,OAAO,YAAY,KAAK;IACvE;AAEF,KAAG,8BAA8B;AAC/B,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,UAAU;IAC7D,aAAa,OAAO;IACpB,GAAG;IACJ,CAAC;AACF,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,OAAO,iBAAiB,CAAC,OAAO;AAC/C,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,OAAO,YAAY,CAAC,SAAS,QAAQ;IACpD;GACF"}

package/build/index.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="cypress" />
+import { RegistryConfig, VerdaccioUiOptions } from './types';
+export type { RegistryConfig, RegistryTaskResult, VerdaccioUiOptions, } from './types';
+export type { PublishPackageInput, PublishPackageTaskInput, PublishPackageResult, UnpublishPackageInput, UnpublishPackageResult, } from './tasks';
+export type { DeepPartial, Selectors, TestIds } from './testIds';
+export { DEFAULT_SELECTORS, DEFAULT_TEST_IDS } from './testIds';
+export { publishPackage, cleanupPublished, unpublishPackage } from './tasks';
+export { homeTests, signinTests, publishTests, searchTests, settingsTests, layoutTests, } from './tests';
+/**
+ * Build a full RegistryConfig from user-provided options with defaults.
+ *
+ * `testIds` and `selectors` are deep-merged per section with the
+ * defaults in `./testIds`. Consumers targeting a non-default Verdaccio
+ * build can override just the fields that drifted:
+ *
+ *   createRegistryConfig({
+ *     registryUrl: 'http://localhost:4873',
+ *     testIds: {
+ *       header: { settingsTooltip: 'my-new-settings-btn' },
+ *     },
+ *   });
+ */
+export declare function createRegistryConfig(options: VerdaccioUiOptions): RegistryConfig;
+/**
+ * Register Verdaccio Cypress tasks in setupNodeEvents.
+ *
+ * Usage in cypress.config.ts:
+ *   import { setupVerdaccioTasks } from '@verdaccio/e2e-ui';
+ *
+ *   export default defineConfig({
+ *     e2e: {
+ *       setupNodeEvents(on) {
+ *         setupVerdaccioTasks(on, { registryUrl: 'http://localhost:4873' });
+ *       },
+ *     },
+ *   });
+ */
+export declare function setupVerdaccioTasks(on: Cypress.PluginEvents, options: VerdaccioUiOptions): void;
+/**
+ * Register all Verdaccio UI tests.
+ *
+ * Usage in a spec file:
+ *   import { registerAllTests, createRegistryConfig } from '@verdaccio/e2e-ui';
+ *
+ *   const config = createRegistryConfig({ registryUrl: 'http://localhost:4873' });
+ *   registerAllTests(config);
+ *
+ * Or pick individual suites:
+ *   import { homeTests, signinTests } from '@verdaccio/e2e-ui';
+ *
+ *   const config = createRegistryConfig({ registryUrl: 'http://localhost:4873' });
+ *   homeTests(config);
+ *   signinTests(config);
+ */
+export declare function registerAllTests(config: RegistryConfig): void;

package/build/tasks/index.d.ts

@@ -0,0 +1,2 @@
+export { publishPackage, cleanupPublished, unpublishPackage } from './publish';
+export type { PublishPackageInput, PublishPackageTaskInput, PublishPackageResult, UnpublishPackageInput, UnpublishPackageResult, } from './publish';