Files
progcode/web/public/assets/editorial/2022/design-system-diagnosis-rollback-2022.svg
huncode 98a64abeb7
Build and deploy / deploy (push) Successful in 16s
revise May 2022 design system articles
2026-07-31 13:46:13 +03:00

33 lines
3.6 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="720" viewBox="0 0 1200 720" role="img" aria-labelledby="title desc">
<title id="title">Диагностика и обратимая правка токена кнопки</title>
<desc id="desc">Инвентарь и контракт ведут к проверке входа. Недекларированный token и неверное значение останавливаются без изменения. Допустимая правка сохраняет предыдущее значение и может быть возвращена. Visual payload остаётся входом, а не результатом теста.</desc>
<rect width="1200" height="720" fill="#F7F9FC"/>
<text x="65" y="76" fill="#102A43" font-family="Arial, sans-serif" font-size="34" font-weight="700">Сначала остановить неверный вход, затем менять один token</text>
<g font-family="Arial, sans-serif">
<rect x="65" y="175" width="210" height="110" rx="16" fill="#E6F0FF" stroke="#2457D6" stroke-width="3"/>
<text x="103" y="221" fill="#102A43" font-size="23" font-weight="700">Inventory</text>
<text x="92" y="254" fill="#486581" font-size="17">usage · state · owner</text>
<rect x="350" y="175" width="230" height="110" rx="16" fill="#FFFFFF" stroke="#486581" stroke-width="3"/>
<text x="387" y="221" fill="#102A43" font-size="23" font-weight="700">Validate input</text>
<text x="385" y="254" fill="#486581" font-size="17">known token + value</text>
<rect x="665" y="120" width="390" height="115" rx="16" fill="#FFF0F0" stroke="#C53030" stroke-width="3"/>
<text x="702" y="166" fill="#9B2C2C" font-size="24" font-weight="700">Invalid configuration</text>
<text x="702" y="199" fill="#9B2C2C" font-size="17">stop · changed: false · rollback not needed</text>
<rect x="665" y="330" width="390" height="115" rx="16" fill="#E8FFF6" stroke="#1F9D73" stroke-width="3"/>
<text x="702" y="376" fill="#166534" font-size="24" font-weight="700">Token correction</text>
<text x="702" y="409" fill="#166534" font-size="17">save previous value for rollback</text>
<rect x="665" y="540" width="390" height="95" rx="16" fill="#F4E9FF" stroke="#805AD5" stroke-width="3"/>
<text x="702" y="580" fill="#553C9A" font-size="24" font-weight="700">Rollback applied</text>
<text x="702" y="611" fill="#553C9A" font-size="17">restore exact previous token value</text>
<path d="M275 230H340" stroke="#2457D6" stroke-width="5"/><path d="M330 217l20 13-20 13" fill="#2457D6"/>
<path d="M580 230H650V177H655" fill="none" stroke="#C53030" stroke-width="5"/><path d="M645 164l20 13-20 13" fill="#C53030"/>
<path d="M580 230H650V387H655" fill="none" stroke="#1F9D73" stroke-width="5"/><path d="M645 374l20 13-20 13" fill="#1F9D73"/>
<path d="M860 445V530" stroke="#805AD5" stroke-width="5"/><path d="M847 520l13 20 13-20" fill="#805AD5"/>
<rect x="65" y="420" width="455" height="155" rx="16" fill="#FFF6DD" stroke="#D69E2E" stroke-width="3" stroke-dasharray="10 8"/>
<text x="98" y="466" fill="#744210" font-size="24" font-weight="700">Visual payload</text>
<text x="98" y="500" fill="#744210" font-size="18">viewports · states · token names</text>
<text x="98" y="534" fill="#744210" font-size="17">declared input, not screenshot or regression PASS</text>
</g>
<text x="65" y="680" fill="#486581" font-family="Arial, sans-serif" font-size="18">Граница модели: нет DOM, CSS compilation, HTTP, browser, screenshot или настоящего visual-regression запуска.</text>
</svg>