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";
|
const isLocalhost = self.location.hostname === "localhost" || self.location.hostname === "127.0.0.1";
|
||||||
|
|
||||||
if (!isLocalhost) {
|
if (!isLocalhost) {
|
||||||
const STATIC_CACHE = "construction-delivery-static-v130";
|
const STATIC_CACHE = "construction-delivery-static-v131";
|
||||||
const RUNTIME_CACHE = "construction-delivery-runtime-v119";
|
const RUNTIME_CACHE = "construction-delivery-runtime-v119";
|
||||||
const APP_SHELL_URLS = ["/", "/client", "/index.html", "/manifest.webmanifest", "/icons/icon-192.png", "/icons/icon-512.png"];
|
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"
|
role="img"
|
||||||
aria-label={
|
aria-label={
|
||||||
useEan13
|
useEan13
|
||||||
? `Штрих-код EAN-13 кода выдачи ${code} (значение ${caption})`
|
? `Штрих-код EAN-13 кода выдачи ${code}`
|
||||||
: `Штрих-код кода выдачи ${code}`
|
: `Штрих-код кода выдачи ${code}`
|
||||||
}
|
}
|
||||||
viewBox={`0 0 ${width} ${height}`}
|
viewBox={`0 0 ${width} ${height}`}
|
||||||
|
|
|
||||||
|
|
@ -26,7 +26,7 @@ export const PickupCodeCard = ({ invitation, deliveryNumberDigits, className = "
|
||||||
) : null}
|
) : null}
|
||||||
<p className="mt-2 text-xs uppercase tracking-[0.2em] text-[var(--color-text-muted)]">Ваш код выдачи</p>
|
<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>
|
<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 className="mt-2 text-xs text-[var(--color-text-muted)]">
|
||||||
Покажите код при получении заказа или дайте отсканировать штрих-код
|
Покажите код при получении заказа или дайте отсканировать штрих-код
|
||||||
</p>
|
</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