style(client): под штрих-кодом кода выдачи убраны цифры

Код выдачи и так написан крупно над полосами, дублировать 13-значное
значение под ними не нужно (просьба владельца). Заодно убрал значение из
aria-label — читалке экрана оно ничего не добавляет.

- PickupCodeCard передаёт showText={false}; возможность печатать подпись
  у компонента осталась (нужна, если печать понадобится другой);
- SW-кэш static-v131.
This commit is contained in:
Hermes 2026-09-30 19:04:46 +02:00
parent 7799f4227a
commit 4cc91b6dc8
4 changed files with 34 additions and 3 deletions

View File

@ -1,7 +1,7 @@
const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
if (!isLocalhost) {
const STATIC_CACHE = "construction-delivery-static-v130";
const STATIC_CACHE = "construction-delivery-static-v131";
const RUNTIME_CACHE = "construction-delivery-runtime-v119";
const APP_SHELL_URLS = ["/", "/client", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"];

View File

@ -59,7 +59,7 @@ export const PickupCodeBarcode = ({ value, format = "ean13", showText = true, cl
role="img"
aria-label={
useEan13
? `Штрих-код EAN-13 кода выдачи ${code} (значение ${caption})`
? `Штрих-код EAN-13 кода выдачи ${code}`
: `Штрих-код кода выдачи ${code}`
}
viewBox={`0 0 ${width} ${height}`}

View File

@ -26,7 +26,7 @@ export const PickupCodeCard = ({ invitation, deliveryNumberDigits, className = "
) : null}
<p className="mt-2 text-xs uppercase tracking-[0.2em] text-[var(--color-text-muted)]">Ваш код выдачи</p>
<p className="mt-1 text-3xl font-bold tracking-[0.4em] text-[var(--color-accent)]">{code}</p>
<PickupCodeBarcode value={code} className="mx-auto mt-3 w-full max-w-[320px]" />
<PickupCodeBarcode value={code} showText={false} className="mx-auto mt-3 w-full max-w-[320px]" />
<p className="mt-2 text-xs text-[var(--color-text-muted)]">
Покажите код при получении заказа или дайте отсканировать штрих-код
</p>

View File

@ -0,0 +1,31 @@
/**
* @file PickupCodeCard.test.jsx
* @description Блок «Ваш код выдачи»: крупный код, под ним штрих-код без цифр
* (владелец попросил убрать дублирующую подпись под полосами).
*/
import React from "react";
import { describe, expect, it } from "vitest";
import { renderToStaticMarkup } from "react-dom/server";
import { PickupCodeCard } from "./PickupCodeCard";
describe("PickupCodeCard", () => {
it("показывает код и штрих-код, но без цифр под полосами", () => {
const html = renderToStaticMarkup(
React.createElement(PickupCodeCard, {
invitation: { pickupCode: "7470", deliveryType: "pickup" },
deliveryNumberDigits: "010769",
}),
);
expect(html).toContain("Ваш код выдачи");
expect(html).toContain("7470");
expect(html).toContain("Ваш номер доставки 010769");
expect(html).toContain("<svg");
// Цифры под штрих-кодом не печатаем: 13-значное значение в разметке быть не должно.
expect(html).not.toContain("7470000000004");
});
it("без кода выдачи блок не рисуется", () => {
expect(renderToStaticMarkup(React.createElement(PickupCodeCard, { invitation: {} }))).toBe("");
});
});