style(client): под штрих-кодом кода выдачи убраны цифры
Код выдачи и так написан крупно над полосами, дублировать 13-значное
значение под ними не нужно (просьба владельца). Заодно убрал значение из
aria-label — читалке экрана оно ничего не добавляет.
- PickupCodeCard передаёт showText={false}; возможность печатать подпись
у компонента осталась (нужна, если печать понадобится другой);
- SW-кэш static-v131.
This commit is contained in:
parent
7799f4227a
commit
4cc91b6dc8
|
|
@ -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"];
|
||||
|
||||
|
|
|
|||
|
|
@ -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}`}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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("");
|
||||
});
|
||||
});
|
||||
Loading…
Reference in New Issue