@verdaccio/e2e-ui 2.1.1 → 2.3.0

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 { maybeIt } from '../features';\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  const { features } = config;\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      maybeIt(features.layout.themeSwitch)(\n        'should toggle between light and dark mode',\n        () => {\n          // Cypress clears localStorage between tests (testIsolation),\n          // so each test starts from whatever the client default is.\n          // On CI the default is light (the Electron headless browser\n          // reports `prefers-color-scheme: light`).\n          //\n          // `handleToggleDarkLightMode` in HeaderRight wraps\n          // `setIsDarkMode` in a 300ms setTimeout, so we assert with\n          // Cypress's built-in retryability (no `cy.wait(ms)` needed —\n          // the `.should('be.visible')` retry window covers it).\n\n          // Start: light mode → the \"light\" icon button is rendered.\n          cy.getByTestId(header.themeSwitchLight).should('be.visible').click();\n\n          // After the debounced flip, the \"dark\" variant replaces it.\n          cy.getByTestId(header.themeSwitchDark, { timeout: 5000 }).should(\n            'be.visible'\n          );\n          cy.getByTestId(header.themeSwitchLight).should('not.exist');\n\n          // localStorage.darkMode is the source of truth (see\n          // useLocalStorage('darkMode', …) in ThemeProvider).\n          cy.window().its('localStorage').invoke('getItem', 'darkMode')\n            .should('eq', 'true');\n\n          // Toggle back so subsequent tests don't inherit dark state\n          // via a stale cache (testIsolation clears localStorage, but\n          // being explicit keeps the assertion symmetric).\n          cy.getByTestId(header.themeSwitchDark).click();\n          cy.getByTestId(header.themeSwitchLight, { timeout: 5000 }).should(\n            'be.visible'\n          );\n        }\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":";;;;;;;;;;;;AAeA,SAAgB,YAAY,QAAwB;CAClD,MAAM,EAAE,QAAQ,WAAW,OAAO;CAClC,MAAM,EAAE,aAAa;AAErB,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;AAEF,WAAQ,SAAS,OAAO,YAAY,CAClC,mDACM;AAYJ,OAAG,YAAY,OAAO,iBAAiB,CAAC,OAAO,aAAa,CAAC,OAAO;AAGpE,OAAG,YAAY,OAAO,iBAAiB,EAAE,SAAS,KAAM,CAAC,CAAC,OACxD,aACD;AACD,OAAG,YAAY,OAAO,iBAAiB,CAAC,OAAO,YAAY;AAI3D,OAAG,QAAQ,CAAC,IAAI,eAAe,CAAC,OAAO,WAAW,WAAW,CAC1D,OAAO,MAAM,OAAO;AAKvB,OAAG,YAAY,OAAO,gBAAgB,CAAC,OAAO;AAC9C,OAAG,YAAY,OAAO,kBAAkB,EAAE,SAAS,KAAM,CAAC,CAAC,OACzD,aACD;KAEJ;IACD;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

@@ -1,75 +1,148 @@
+import { maybeIt } from "../features.js";
 //#region src/tests/publish.ts
 function publishTests(config) {
+	const { header, package: pkg } = config.testIds;
+	const { markdownBody, loginDialog } = config.selectors;
+	const { features } = config;
 	describe("publish", () => {
 		const pkgName = "@verdaccio/pkg-scoped";
+		const depName = "debug";
+		const depVersion = "4.0.0";
+		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("publishScoped", { pkgName });
+			cy.task("publishPackage", {
+				pkgName,
+				version: "1.0.0",
+				dependencies: { [depName]: depVersion },
+				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.visit(config.registryUrl);
-			cy.login(config.credentials.user, config.credentials.password);
-			cy.wait("@sign");
+			cy.wait("@pkgs");
+			cy.getByTestId(pkg.title).should("have.length.at.least", 1);
 		});
 		it("should navigate to page detail", () => {
-			cy.visit(config.registryUrl);
-			cy.login(config.credentials.user, config.credentials.password);
-			cy.wait("@sign");
 			cy.wait("@pkgs");
 			cy.wait(300);
-			cy.getByTestId("package-title").first().click();
+			cy.getByTestId(pkg.title).first().click();
 		});
 		it("should have readme content", () => {
-			cy.visit(config.registryUrl);
-			cy.login(config.credentials.user, config.credentials.password);
-			cy.wait("@sign");
 			cy.wait("@pkgs");
-			cy.getByTestId("package-title").first().click();
+			cy.getByTestId(pkg.title).first().click();
 			cy.wait("@readme");
 			cy.wait("@sidebar");
-			cy.get(".markdown-body").should("have.length", 1);
-			cy.contains(".markdown-body", /test/);
+			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.visit(config.registryUrl);
-			cy.login(config.credentials.user, config.credentials.password);
-			cy.wait("@sign");
 			cy.wait("@pkgs");
 			cy.wait(300);
-			cy.getByTestId("package-title").first().click();
+			cy.getByTestId(pkg.title).first().click();
 			cy.wait("@readme");
 			cy.wait("@sidebar");
-			cy.getByTestId("dependencies-tab").click();
+			cy.getByTestId(pkg.dependenciesTab).click();
 			cy.wait(100);
-			cy.getByTestId("dependencies").should("have.length", 1);
-			cy.getByTestId("verdaccio").children().invoke("text").should("match", /verdaccio/);
+			cy.getByTestId(pkg.dependencies).should("have.length", 1);
+			cy.getByTestId(depName).should("be.visible").and("contain.text", depName).and("contain.text", depVersion);
+			cy.getByTestId(depName).invoke("text").should("match", new RegExp(`${depName}\\s*:\\s*${depVersion}`));
 		});
 		it("should click on versions tab", () => {
-			cy.visit(config.registryUrl);
-			cy.login(config.credentials.user, config.credentials.password);
-			cy.wait("@sign");
 			cy.wait("@pkgs");
 			cy.wait(300);
-			cy.getByTestId("package-title").first().click();
+			cy.getByTestId(pkg.title).first().click();
 			cy.wait("@readme");
 			cy.wait("@sidebar");
-			cy.getByTestId("versions-tab").click();
-			cy.getByTestId("tag-latest").children().invoke("text").should("match", /1.0.6/);
+			cy.getByTestId(pkg.versionsTab).click();
+			cy.getByTestId(pkg.tagLatest).children().invoke("text").should("match", /1\.0\.0/);
 		});
 		it("should click on uplinks tab", () => {
-			cy.visit(config.registryUrl);
-			cy.login(config.credentials.user, config.credentials.password);
-			cy.wait("@sign");
 			cy.wait("@pkgs");
 			cy.wait(300);
-			cy.getByTestId("package-title").first().click();
+			cy.getByTestId(pkg.title).first().click();
 			cy.wait("@readme");
 			cy.wait("@sidebar");
-			cy.getByTestId("uplinks-tab").click();
-			cy.getByTestId("no-uplinks").should("be.visible");
+			cy.getByTestId(pkg.uplinksTab).click();
+			cy.getByTestId(pkg.noUplinks).should("be.visible");
+		});
+		maybeIt(features.publish.downloadTarball)("should fetch the tarball when the download button is clicked", () => {
+			cy.intercept("GET", "**/pkg-scoped-*.tgz").as("tarballFetch");
+			cy.wait("@pkgs");
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.downloadTarballBtn).should("be.visible").click();
+			cy.wait("@tarballFetch", { timeout: 1e4 }).its("response.statusCode").should("eq", 200);
+		});
+		maybeIt(features.publish.rawViewer)("should open the raw manifest viewer when the raw button is clicked", () => {
+			cy.wait("@pkgs");
+			cy.getByTestId(pkg.title).first().click();
+			cy.wait("@sidebar");
+			cy.getByTestId(pkg.rawBtn).should("be.visible").click();
+			cy.getByTestId(pkg.rawViewerDialog, { timeout: 5e3 }).should("be.visible");
+			cy.getByTestId(pkg.rawViewerDialog).should("contain.text", pkgName);
+			cy.getByTestId(pkg.closeRawViewer).click();
+			cy.getByTestId(pkg.rawViewerDialog).should("not.exist");
 		});
 	});
 }

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

@@ -1 +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  describe('publish', () => {\n    const pkgName = '@verdaccio/pkg-scoped';\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      cy.task('publishScoped', { pkgName });\n    });\n\n    it('should have one published package', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password);\n      cy.wait('@sign');\n    });\n\n    it('should navigate to page detail', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password);\n      cy.wait('@sign');\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId('package-title').first().click();\n    });\n\n    it('should have readme content', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password);\n      cy.wait('@sign');\n      cy.wait('@pkgs');\n      cy.getByTestId('package-title').first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.get('.markdown-body').should('have.length', 1);\n      cy.contains('.markdown-body', /test/);\n    });\n\n    it('should click on dependencies tab', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password);\n      cy.wait('@sign');\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId('package-title').first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.getByTestId('dependencies-tab').click();\n      cy.wait(100);\n      cy.getByTestId('dependencies').should('have.length', 1);\n      cy.getByTestId('verdaccio')\n        .children()\n        .invoke('text')\n        .should('match', /verdaccio/);\n    });\n\n    it('should click on versions tab', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password);\n      cy.wait('@sign');\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId('package-title').first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.getByTestId('versions-tab').click();\n      cy.getByTestId('tag-latest')\n        .children()\n        .invoke('text')\n        .should('match', /1.0.6/);\n    });\n\n    it('should click on uplinks tab', () => {\n      cy.visit(config.registryUrl);\n      cy.login(config.credentials.user, config.credentials.password);\n      cy.wait('@sign');\n      cy.wait('@pkgs');\n      cy.wait(300);\n      cy.getByTestId('package-title').first().click();\n      cy.wait('@readme');\n      cy.wait('@sidebar');\n      cy.getByTestId('uplinks-tab').click();\n      cy.getByTestId('no-uplinks').should('be.visible');\n    });\n  });\n}\n"],"mappings":";AAIA,SAAgB,aAAa,QAAwB;AACnD,UAAS,iBAAiB;EACxB,MAAM,UAAU;AAEhB,mBAAiB;AACf,MAAG,UAAU,QAAQ,yBAAyB,CAAC,GAAG,OAAO;AACzD,MAAG,UAAU,OAAO,6BAA6B,CAAC,GAAG,OAAO;AAC5D,MAAG,UAAU,OAAO,6BAA6B,UAAU,CAAC,GAAG,UAAU;AACzE,MAAG,UAAU,OAAO,oCAAoC,UAAU,CAAC,GAAG,SAAS;AAC/E,MAAG,KAAK,iBAAiB,EAAE,SAAS,CAAC;IACrC;AAEF,KAAG,2CAA2C;AAC5C,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,SAAS;AAC9D,MAAG,KAAK,QAAQ;IAChB;AAEF,KAAG,wCAAwC;AACzC,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,SAAS;AAC9D,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,gBAAgB,CAAC,OAAO,CAAC,OAAO;IAC/C;AAEF,KAAG,oCAAoC;AACrC,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,SAAS;AAC9D,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,gBAAgB,CAAC,OAAO,CAAC,OAAO;AAC/C,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,IAAI,iBAAiB,CAAC,OAAO,eAAe,EAAE;AACjD,MAAG,SAAS,kBAAkB,OAAO;IACrC;AAEF,KAAG,0CAA0C;AAC3C,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,SAAS;AAC9D,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,gBAAgB,CAAC,OAAO,CAAC,OAAO;AAC/C,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,mBAAmB,CAAC,OAAO;AAC1C,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,eAAe,CAAC,OAAO,eAAe,EAAE;AACvD,MAAG,YAAY,YAAY,CACxB,UAAU,CACV,OAAO,OAAO,CACd,OAAO,SAAS,YAAY;IAC/B;AAEF,KAAG,sCAAsC;AACvC,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,SAAS;AAC9D,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,gBAAgB,CAAC,OAAO,CAAC,OAAO;AAC/C,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,eAAe,CAAC,OAAO;AACtC,MAAG,YAAY,aAAa,CACzB,UAAU,CACV,OAAO,OAAO,CACd,OAAO,SAAS,QAAQ;IAC3B;AAEF,KAAG,qCAAqC;AACtC,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,SAAS;AAC9D,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,gBAAgB,CAAC,OAAO,CAAC,OAAO;AAC/C,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,cAAc,CAAC,OAAO;AACrC,MAAG,YAAY,aAAa,CAAC,OAAO,aAAa;IACjD;GACF"}
+{"version":3,"file":"publish.js","names":[],"sources":["../../../src/tests/publish.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { maybeIt } from '../features';\nimport { RegistryConfig } from '../types';\n\nexport function publishTests(config: RegistryConfig) {\n  const { header, package: pkg } = config.testIds;\n  const { markdownBody, loginDialog } = config.selectors;\n  const { features } = config;\n\n  describe('publish', () => {\n    const pkgName = '@verdaccio/pkg-scoped';\n    // Single source of truth for the dependency the publish fixture\n    // writes into its package.json. The dependencies-tab assertion\n    // reads these back to verify the UI rendered both fields.\n    const depName = 'debug';\n    const depVersion = '4.0.0';\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: { [depName]: depVersion },\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\n      // The dep Chip uses the dep name as its data-testid (dynamic\n      // Verdaccio convention, see DependencyBlock.tsx:68), and its\n      // label is `\"${name}: ${version}\"` via the `dependencies.\n      // dependency-block` i18n key. Assert BOTH fields are rendered.\n      cy.getByTestId(depName)\n        .should('be.visible')\n        .and('contain.text', depName)\n        .and('contain.text', depVersion);\n\n      // Also verify the Chip text matches the exact \"name: version\"\n      // format so a regression in the label template would fail here\n      // rather than pass via a loose substring match.\n      cy.getByTestId(depName)\n        .invoke('text')\n        .should('match', new RegExp(`${depName}\\\\s*:\\\\s*${depVersion}`));\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    // ── Action-bar FABs: tarball download + raw viewer ─────────────\n    // Both buttons live in the sidebar ActionBar. They're gated on\n    // `web.showDownloadTarball` / `web.showRaw` (both default to true\n    // in the ui-theme's AppConfigurationProvider) and each test is\n    // also guarded by a feature flag so branches that ship a\n    // different action bar can skip cleanly.\n\n    maybeIt(features.publish.downloadTarball)(\n      'should fetch the tarball when the download button is clicked',\n      () => {\n        // The download provider hits the package manifest's dist.tarball\n        // URL directly. For our published fixture the filename looks\n        // like `pkg-scoped-1.0.0-t<ts>.tgz`, served from\n        // `/<pkg>/-/<filename>.tgz`. Intercept before clicking.\n        cy.intercept('GET', '**/pkg-scoped-*.tgz').as('tarballFetch');\n\n        cy.wait('@pkgs');\n        cy.getByTestId(pkg.title).first().click();\n        cy.wait('@sidebar');\n\n        cy.getByTestId(pkg.downloadTarballBtn)\n          .should('be.visible')\n          .click();\n\n        // The fetch should fire and return 200. We can't assert on the\n        // actual file landing on disk — Cypress doesn't track OS-level\n        // downloads — but a successful GET proves the end-to-end path\n        // from click → download provider → registry.\n        cy.wait('@tarballFetch', { timeout: 10000 })\n          .its('response.statusCode')\n          .should('eq', 200);\n      }\n    );\n\n    maybeIt(features.publish.rawViewer)(\n      'should open the raw manifest viewer when the raw button is clicked',\n      () => {\n        cy.wait('@pkgs');\n        cy.getByTestId(pkg.title).first().click();\n        cy.wait('@sidebar');\n\n        // RawViewer is a full-screen MUI Dialog — initially unmounted\n        // because `isOpen=false` keeps Dialog closed and Cypress won't\n        // find it. Clicking the FAB flips `isOpen` to true.\n        cy.getByTestId(pkg.rawBtn).should('be.visible').click();\n\n        cy.getByTestId(pkg.rawViewerDialog, { timeout: 5000 }).should(\n          'be.visible'\n        );\n        // The ReactJson viewer renders the package manifest — the\n        // package name should appear somewhere in the serialized JSON.\n        cy.getByTestId(pkg.rawViewerDialog).should('contain.text', pkgName);\n\n        // Close via the X button and confirm the dialog goes away so\n        // subsequent tests don't inherit an open overlay.\n        cy.getByTestId(pkg.closeRawViewer).click();\n        cy.getByTestId(pkg.rawViewerDialog).should('not.exist');\n      }\n    );\n  });\n}\n"],"mappings":";;AAKA,SAAgB,aAAa,QAAwB;CACnD,MAAM,EAAE,QAAQ,SAAS,QAAQ,OAAO;CACxC,MAAM,EAAE,cAAc,gBAAgB,OAAO;CAC7C,MAAM,EAAE,aAAa;AAErB,UAAS,iBAAiB;EACxB,MAAM,UAAU;EAIhB,MAAM,UAAU;EAChB,MAAM,aAAa;EAGnB,IAAI,aAA4B;;;;;;EAOhC,MAAM,kBAAkB;AACtB,MAAG,QACD,CAAC,iBAAiB,OAAO,YAAY,KAAK,QACpC;AACJ,OAAG,MAAM,OAAO,YAAY;AAC5B,OAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,UAAU;KAC7D,aAAa,OAAO;KACpB,GAAG;KACJ,CAAC;AACF,OAAG,KAAK,QAAQ;MAElB;IACE,WAAW;AACT,QAAG,QAAQ;MACT,KAAK,GAAG,OAAO,YAAY;MAC3B,kBAAkB;MACnB,CAAC,CACC,IAAI,SAAS,CACb,OAAO,YAAY,CAAC,KAAK,IAAI,CAAC;;IAEnC,kBAAkB;IACnB,CACF;;AAGH,mBAAiB;AACf,MAAG,UAAU,QAAQ,yBAAyB,CAAC,GAAG,OAAO;AACzD,MAAG,UAAU,OAAO,6BAA6B,CAAC,GAAG,OAAO;AAC5D,MAAG,UAAU,OAAO,6BAA6B,UAAU,CAAC,GAAG,UAAU;AACzE,MAAG,UAAU,OAAO,oCAAoC,UAAU,CAAC,GAAG,SAAS;AAK/E,MAAG,KAAK,kBAAkB;IACxB;IACA,SAAS;IACT,cAAc,GAAG,UAAU,YAAY;IACvC,QAAQ;IACT,CAAC,CAAC,MAAM,WAAW;AAClB,iBAAa,QAAQ,cAAc;KACnC;AAEF,cAAW;AACX,MAAG,MAAM,OAAO,YAAY;IAC5B;AAEF,kBAAgB;AAKd,MAAG,KAAK,oBAAoB;IAAE;IAAS,YAAY,cAAc,KAAA;IAAW,CAAC;AAC7E,OAAI,WACF,IAAG,KAAK,oBAAoB,WAAW;AAEzC,gBAAa;IACb;AAEF,KAAG,2CAA2C;AAC5C,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,wBAAwB,EAAE;IAC3D;AAEF,KAAG,wCAAwC;AACzC,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;IACzC;AAEF,KAAG,oCAAoC;AACrC,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,IAAI,OAAO,CAAC,OAAO,aAAa;AAC/C,MAAG,IAAI,aAAa,CAAC,OAAO,eAAe,EAAE;AAE7C,MAAG,SAAS,cAAc,OAAO;AACjC,MAAG,SAAS,GAAG,aAAa,MAAM,QAAQ,CAAC,OAAO,aAAa;IAC/D;AAEF,KAAG,6EAA6E;AAC9E,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,IAAI,QAAQ,CAAC,OAAO,aAAa;AAChD,MAAG,YAAY,IAAI,YAAY,CAAC,aAAa;AAC3C,OAAG,YAAY,IAAI,WAAW,CAAC,OAAO,aAAa;AACnD,OAAG,YAAY,IAAI,YAAY,CAAC,OAAO,aAAa;AACpD,OAAG,YAAY,IAAI,YAAY,CAAC,OAAO,aAAa;KACpD;AACF,MAAG,YAAY,IAAI,WAAW,CAAC,OAAO,gBAAgB,QAAQ;IAC9D;AAEF,KAAG,wEAAwE;AACzE,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,WAAW;AAGnB,MAAG,YAAY,IAAI,YAAY,CAAC,OAAO,aAAa;AACpD,MAAG,YAAY,IAAI,YAAY,CAAC,OAAO,gBAAgB,YAAY;AACnE,MAAG,YAAY,IAAI,YAAY,CAAC,OAAO,gBAAgB,MAAM;AAC7D,MAAG,YAAY,IAAI,YAAY,CAAC,OAAO,gBAAgB,OAAO;IAC9D;AAEF,KAAG,0CAA0C;AAC3C,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,IAAI,gBAAgB,CAAC,OAAO;AAC3C,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,IAAI,aAAa,CAAC,OAAO,eAAe,EAAE;AAMzD,MAAG,YAAY,QAAQ,CACpB,OAAO,aAAa,CACpB,IAAI,gBAAgB,QAAQ,CAC5B,IAAI,gBAAgB,WAAW;AAKlC,MAAG,YAAY,QAAQ,CACpB,OAAO,OAAO,CACd,OAAO,SAAS,IAAI,OAAO,GAAG,QAAQ,WAAW,aAAa,CAAC;IAClE;AAEF,KAAG,sCAAsC;AACvC,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,IAAI,YAAY,CAAC,OAAO;AAGvC,MAAG,YAAY,IAAI,UAAU,CAC1B,UAAU,CACV,OAAO,OAAO,CACd,OAAO,SAAS,UAAU;IAC7B;AAEF,KAAG,qCAAqC;AACtC,MAAG,KAAK,QAAQ;AAChB,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,UAAU;AAClB,MAAG,KAAK,WAAW;AACnB,MAAG,YAAY,IAAI,WAAW,CAAC,OAAO;AACtC,MAAG,YAAY,IAAI,UAAU,CAAC,OAAO,aAAa;IAClD;AASF,UAAQ,SAAS,QAAQ,gBAAgB,CACvC,sEACM;AAKJ,MAAG,UAAU,OAAO,sBAAsB,CAAC,GAAG,eAAe;AAE7D,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,WAAW;AAEnB,MAAG,YAAY,IAAI,mBAAmB,CACnC,OAAO,aAAa,CACpB,OAAO;AAMV,MAAG,KAAK,iBAAiB,EAAE,SAAS,KAAO,CAAC,CACzC,IAAI,sBAAsB,CAC1B,OAAO,MAAM,IAAI;IAEvB;AAED,UAAQ,SAAS,QAAQ,UAAU,CACjC,4EACM;AACJ,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO;AACzC,MAAG,KAAK,WAAW;AAKnB,MAAG,YAAY,IAAI,OAAO,CAAC,OAAO,aAAa,CAAC,OAAO;AAEvD,MAAG,YAAY,IAAI,iBAAiB,EAAE,SAAS,KAAM,CAAC,CAAC,OACrD,aACD;AAGD,MAAG,YAAY,IAAI,gBAAgB,CAAC,OAAO,gBAAgB,QAAQ;AAInE,MAAG,YAAY,IAAI,eAAe,CAAC,OAAO;AAC1C,MAAG,YAAY,IAAI,gBAAgB,CAAC,OAAO,YAAY;IAE1D;GACD"}

package/build/esm/tests/search.js

@@ -0,0 +1,122 @@
+import { maybeIt } from "../features.js";
+//#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) {
+	const { features } = config;
+	const { package: pkg } = config.testIds;
+	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");
+			});
+		});
+		describe("with a published package", () => {
+			const pkgName = "@verdaccio/search-fixture";
+			const pkgSlug = "search-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;
+			});
+			maybeIt(features.search.resultsDropdown)("should display the matching package in the results dropdown", () => {
+				getSearchInput().clear().type(pkgSlug, { delay: 30 });
+				cy.wait(anySearchAlias(), { timeout: 1e4 }).then((interception) => {
+					expect(interception.request.url).to.contain(pkgSlug);
+				});
+				cy.get("[role=\"listbox\"]", { timeout: 5e3 }).should("be.visible");
+				cy.get("[role=\"listbox\"] [role=\"option\"]").should("have.length.at.least", 1);
+				cy.contains("[role=\"listbox\"] [role=\"option\"]", pkgName).should("be.visible");
+			});
+			maybeIt(features.search.resultClickNavigation)("should navigate to the package detail page when a result is clicked", () => {
+				cy.intercept("GET", `/-/verdaccio/data/sidebar/${pkgName}`).as("detailSidebar");
+				cy.intercept("GET", `/-/verdaccio/data/package/readme/${pkgName}`).as("detailReadme");
+				getSearchInput().clear().type(pkgSlug, { delay: 30 });
+				cy.wait(anySearchAlias(), { timeout: 1e4 });
+				cy.contains("[role=\"listbox\"] [role=\"option\"]", pkgName).should("be.visible").click();
+				cy.location("pathname").should("contain", "/-/web/detail");
+				cy.location("pathname").should("contain", "search-fixture");
+				cy.wait("@detailSidebar", { timeout: 1e4 });
+				cy.wait("@detailReadme", { timeout: 1e4 });
+				cy.getByTestId(pkg.sidebar).should("be.visible");
+				cy.getByTestId(pkg.readme).should("be.visible");
+			});
+		});
+	});
+}
+/**
+* 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 { maybeIt } from '../features';\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  const { features } = config;\n  const { package: pkg } = config.testIds;\n\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    // ── Rendering assertions that require real package data ────────\n    // Publishes a throwaway package before each test and unpublishes\n    // after so the outer \"no results\" test still sees a clean registry.\n    // The search query uses a substring of the package name to avoid\n    // scope-parsing issues with `@` / `/` characters in the URL.\n    describe('with a published package', () => {\n      const pkgName = '@verdaccio/search-fixture';\n      // Unique slug we can type into the search box — must be a\n      // substring of pkgName so Verdaccio's search matches it.\n      const pkgSlug = 'search-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        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      maybeIt(features.search.resultsDropdown)(\n        'should display the matching package in the results dropdown',\n        () => {\n        getSearchInput().clear().type(pkgSlug, { delay: 30 });\n\n        // Wait for the search request to resolve with results.\n        cy.wait(anySearchAlias(), { timeout: 10000 }).then(\n          (interception: any) => {\n            expect(interception.request.url).to.contain(pkgSlug);\n          }\n        );\n\n        // MUI Autocomplete opens a listbox with role=\"listbox\" when\n        // there are matching options. Each result renders with\n        // role=\"option\". No data-testids on the dropdown itself, so\n        // we lean on the ARIA roles which are stable across MUI\n        // versions.\n        cy.get('[role=\"listbox\"]', { timeout: 5000 }).should('be.visible');\n        cy.get('[role=\"listbox\"] [role=\"option\"]').should(\n          'have.length.at.least',\n          1\n        );\n        // The result item must contain the full package name.\n        cy.contains('[role=\"listbox\"] [role=\"option\"]', pkgName).should(\n          'be.visible'\n        );\n        }\n      );\n\n      maybeIt(features.search.resultClickNavigation)(\n        'should navigate to the package detail page when a result is clicked',\n        () => {\n          // Intercept the two data endpoints that the detail route\n          // fetches on mount. Waiting on these is the most reliable\n          // way to know the router actually resolved the new page\n          // (not just changed the URL).\n          cy.intercept('GET', `/-/verdaccio/data/sidebar/${pkgName}`).as(\n            'detailSidebar'\n          );\n          cy.intercept(\n            'GET',\n            `/-/verdaccio/data/package/readme/${pkgName}`\n          ).as('detailReadme');\n\n          getSearchInput().clear().type(pkgSlug, { delay: 30 });\n          cy.wait(anySearchAlias(), { timeout: 10000 });\n\n          cy.contains('[role=\"listbox\"] [role=\"option\"]', pkgName)\n            .should('be.visible')\n            .click();\n\n          // Verdaccio routes package detail under /-/web/detail/<pkg>.\n          cy.location('pathname').should('contain', '/-/web/detail');\n          cy.location('pathname').should('contain', 'search-fixture');\n\n          // Wait for the detail page's own fetches to settle so\n          // assertions don't race the async content.\n          cy.wait('@detailSidebar', { timeout: 10000 });\n          cy.wait('@detailReadme', { timeout: 10000 });\n\n          // Detail page rendered both panes end-to-end.\n          cy.getByTestId(pkg.sidebar).should('be.visible');\n          cy.getByTestId(pkg.readme).should('be.visible');\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":"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"}

package/build/esm/tests/settings.js

@@ -0,0 +1,68 @@
+import { maybeIt } from "../features.js";
+//#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;
+	const { features } = config;
+	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");
+		});
+		maybeIt(features.settings.languageSwitcher)("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 { maybeIt } from '../features';\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  const { features } = config;\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    maybeIt(features.settings.languageSwitcher)(\n      'should change the UI language when a language card is clicked',\n      () => {\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\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":";;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,cAAc,QAAwB;CACpD,MAAM,EAAE,WAAW,OAAO;CAC1B,MAAM,EAAE,aAAa;AAErB,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,UAAQ,SAAS,SAAS,iBAAiB,CACzC,uEACM;AACN,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;IAEL;AAED,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

@@ -1,26 +1,56 @@
+import { maybeIt } from "../features.js";
 //#region src/tests/signin.ts
 function signinTests(config) {
+	const { header, login } = config.testIds;
+	const { loginDialog } = config.selectors;
+	const { features } = config;
 	describe("sign in / sign out", () => {
 		beforeEach(() => {
 			cy.intercept("POST", "/-/verdaccio/sec/login").as("sign");
+			cy.visit(config.registryUrl);
 		});
 		it("should login user", () => {
-			cy.visit(config.registryUrl);
-			cy.login(config.credentials.user, config.credentials.password);
+			cy.login(config.credentials.user, config.credentials.password, {
+				loginButton: header.loginButton,
+				...loginDialog
+			});
 			cy.wait("@sign");
-			cy.getByTestId("logInDialogIcon").click();
+			cy.getByTestId(header.logInDialogIcon).click();
 			cy.wait(100);
-			cy.getByTestId("greetings-label").contains(config.credentials.user);
+			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);
+			cy.login(config.credentials.user, config.credentials.password, {
+				loginButton: header.loginButton,
+				...loginDialog
+			});
 			cy.wait("@sign");
-			cy.getByTestId("logInDialogIcon").click();
+			cy.getByTestId(header.logInDialogIcon).click();
 			cy.wait(100);
-			cy.getByTestId("logOutDialogIcon").click();
+			cy.getByTestId(header.logOutDialogIcon).click();
 			cy.wait(200);
-			cy.getByTestId("header--button-login").contains("Login");
+			cy.getByTestId(header.loginButton).contains("Login");
+		});
+		maybeIt(features.signin.validationTests)("should disable the submit button while the form is empty", () => {
+			cy.getByTestId(header.loginButton).click();
+			cy.getByTestId(login.dialog).should("be.visible");
+			cy.get(loginDialog.submitButton).should("be.disabled");
+		});
+		maybeIt(features.signin.validationTests)("should keep the submit button disabled when only the username is filled", () => {
+			cy.getByTestId(header.loginButton).click();
+			cy.getByTestId(login.dialog).should("be.visible");
+			cy.get(loginDialog.usernameInput).type(config.credentials.user);
+			cy.get(loginDialog.submitButton).should("be.disabled");
+		});
+		maybeIt(features.signin.validationTests)("should show an error banner on invalid credentials", () => {
+			cy.login(config.credentials.user, "definitely-wrong-password-xyz", {
+				loginButton: header.loginButton,
+				...loginDialog
+			});
+			cy.wait("@sign").its("response.statusCode").should("not.eq", 200);
+			cy.getByTestId(login.error, { timeout: 5e3 }).should("be.visible");
+			cy.getByTestId(login.error).should("contain.text", "Invalid username or password");
+			cy.getByTestId(login.dialog).should("be.visible");
 		});
 	});
 }

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

@@ -1 +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  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      cy.wait('@sign');\n      cy.getByTestId('logInDialogIcon').click();\n      cy.wait(100);\n      cy.getByTestId('greetings-label').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      cy.wait('@sign');\n      cy.getByTestId('logInDialogIcon').click();\n      cy.wait(100);\n      cy.getByTestId('logOutDialogIcon').click();\n      cy.wait(200);\n      cy.getByTestId('header--button-login').contains('Login');\n    });\n  });\n}\n"],"mappings":";AAIA,SAAgB,YAAY,QAAwB;AAClD,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,SAAS;AAC9D,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,kBAAkB,CAAC,OAAO;AACzC,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,kBAAkB,CAAC,SAAS,OAAO,YAAY,KAAK;IACnE;AAEF,KAAG,8BAA8B;AAC/B,MAAG,MAAM,OAAO,YAAY;AAC5B,MAAG,MAAM,OAAO,YAAY,MAAM,OAAO,YAAY,SAAS;AAC9D,MAAG,KAAK,QAAQ;AAChB,MAAG,YAAY,kBAAkB,CAAC,OAAO;AACzC,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,mBAAmB,CAAC,OAAO;AAC1C,MAAG,KAAK,IAAI;AACZ,MAAG,YAAY,uBAAuB,CAAC,SAAS,QAAQ;IACxD;GACF"}
+{"version":3,"file":"signin.js","names":[],"sources":["../../../src/tests/signin.ts"],"sourcesContent":["/// <reference types=\"cypress\" />\n\nimport { maybeIt } from '../features';\nimport { RegistryConfig } from '../types';\n\nexport function signinTests(config: RegistryConfig) {\n  const { header, login } = config.testIds;\n  const { loginDialog } = config.selectors;\n  const { features } = config;\n\n  describe('sign in / sign out', () => {\n    beforeEach(() => {\n      cy.intercept('POST', '/-/verdaccio/sec/login').as('sign');\n      cy.visit(config.registryUrl);\n    });\n\n    it('should login user', () => {\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.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    // ── Validation tests ───────────────────────────────────────────\n    // The login form uses a yup schema (username >= 2 chars + URL-safe,\n    // password >= 2 chars) and the submit button is `disabled={!isValid}`.\n    // Server rejection renders an error banner with `data-testid=\"error\"`\n    // inside `LoginDialogFormError`. Gated on\n    // `features.signin.validationTests` so builds with a different\n    // schema or error string can skip without forking.\n\n    maybeIt(features.signin.validationTests)(\n      'should disable the submit button while the form is empty',\n      () => {\n        cy.getByTestId(header.loginButton).click();\n        cy.getByTestId(login.dialog).should('be.visible');\n        // Neither field filled → schema invalid → button disabled.\n        cy.get(loginDialog.submitButton).should('be.disabled');\n      }\n    );\n\n    maybeIt(features.signin.validationTests)(\n      'should keep the submit button disabled when only the username is filled',\n      () => {\n        cy.getByTestId(header.loginButton).click();\n        cy.getByTestId(login.dialog).should('be.visible');\n        cy.get(loginDialog.usernameInput).type(config.credentials.user);\n        // Password still empty → schema still invalid.\n        cy.get(loginDialog.submitButton).should('be.disabled');\n      }\n    );\n\n    maybeIt(features.signin.validationTests)(\n      'should show an error banner on invalid credentials',\n      () => {\n        cy.login(config.credentials.user, 'definitely-wrong-password-xyz', {\n          loginButton: header.loginButton,\n          ...loginDialog,\n        });\n        // The request goes through (valid schema), the server rejects it.\n        cy.wait('@sign').its('response.statusCode').should('not.eq', 200);\n        // The form sets errors.root which renders via LoginDialogFormError\n        // with a fixed English string (\"Invalid username or password\").\n        cy.getByTestId(login.error, { timeout: 5000 }).should('be.visible');\n        cy.getByTestId(login.error).should(\n          'contain.text',\n          'Invalid username or password'\n        );\n        // Dialog should still be open so the user can retry.\n        cy.getByTestId(login.dialog).should('be.visible');\n      }\n    );\n  });\n}\n"],"mappings":";;AAKA,SAAgB,YAAY,QAAwB;CAClD,MAAM,EAAE,QAAQ,UAAU,OAAO;CACjC,MAAM,EAAE,gBAAgB,OAAO;CAC/B,MAAM,EAAE,aAAa;AAErB,UAAS,4BAA4B;AACnC,mBAAiB;AACf,MAAG,UAAU,QAAQ,yBAAyB,CAAC,GAAG,OAAO;AACzD,MAAG,MAAM,OAAO,YAAY;IAC5B;AAEF,KAAG,2BAA2B;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,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;AAUF,UAAQ,SAAS,OAAO,gBAAgB,CACtC,kEACM;AACJ,MAAG,YAAY,OAAO,YAAY,CAAC,OAAO;AAC1C,MAAG,YAAY,MAAM,OAAO,CAAC,OAAO,aAAa;AAEjD,MAAG,IAAI,YAAY,aAAa,CAAC,OAAO,cAAc;IAEzD;AAED,UAAQ,SAAS,OAAO,gBAAgB,CACtC,iFACM;AACJ,MAAG,YAAY,OAAO,YAAY,CAAC,OAAO;AAC1C,MAAG,YAAY,MAAM,OAAO,CAAC,OAAO,aAAa;AACjD,MAAG,IAAI,YAAY,cAAc,CAAC,KAAK,OAAO,YAAY,KAAK;AAE/D,MAAG,IAAI,YAAY,aAAa,CAAC,OAAO,cAAc;IAEzD;AAED,UAAQ,SAAS,OAAO,gBAAgB,CACtC,4DACM;AACJ,MAAG,MAAM,OAAO,YAAY,MAAM,iCAAiC;IACjE,aAAa,OAAO;IACpB,GAAG;IACJ,CAAC;AAEF,MAAG,KAAK,QAAQ,CAAC,IAAI,sBAAsB,CAAC,OAAO,UAAU,IAAI;AAGjE,MAAG,YAAY,MAAM,OAAO,EAAE,SAAS,KAAM,CAAC,CAAC,OAAO,aAAa;AACnE,MAAG,YAAY,MAAM,MAAM,CAAC,OAC1B,gBACA,+BACD;AAED,MAAG,YAAY,MAAM,OAAO,CAAC,OAAO,aAAa;IAEpD;GACD"}