KollectTools
/
Docker-Images
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

build: add fonts to exposed environment to the runner

main
Fadhli Azhari 2026-04-29 19:02:45 +08:00
parent 7c795d12fb
commit 1f3c4e2102
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ci/frontend-builder/Dockerfile
View File

@ -35,8 +35,18 @@ ARG PLAYWRIGHT_VERSION=1.59.1
ENV PLAYWRIGHT_BROWSERS_PATH=/ms-playwright ENV PLAYWRIGHT_BROWSERS_PATH=/ms-playwright
# ───────────────────────────────────────────────────────────────────── # ─────────────────────────────────────────────────────────────────────
# System dependencies (Playwright chromium runtime libs included so the # System dependencies
# browser launches without `playwright install --with-deps`) #
# Three groups in one apt invocation (single layer is cheaper than three):
# 1. Build/CI tooling (curl, git, jq, unzip, ca-certs)
# 2. Playwright chromium runtime libs (so the browser launches without
# `playwright install --with-deps`)
# 3. Fonts. Headless chromium has no fonts of its own — without these,
# every text glyph renders as a zero-width `.notdef` and Playwright's
# `toBeVisible()` reports DOM text as hidden. Liberation covers core
# Latin metrics-compatible with Arial/Times; Noto Core fills in the
# symbols and extended ranges Skeleton/Tailwind reach for. Don't drop
# these — E2E goes from "30 failed" to "all pass" with them present.
# ───────────────────────────────────────────────────────────────────── # ─────────────────────────────────────────────────────────────────────
RUN apt-get update && apt-get install -y --no-install-recommends \ RUN apt-get update && apt-get install -y --no-install-recommends \
ca-certificates \ ca-certificates \
@ -61,7 +71,8 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
fonts-liberation \ fonts-liberation \
fonts-noto-core \ fonts-noto-core \
fontconfig \ fontconfig \
&& rm -rf /var/lib/apt/lists/* && rm -rf /var/lib/apt/lists/* \
&& fc-cache -f
# ───────────────────────────────────────────────────────────────────── # ─────────────────────────────────────────────────────────────────────
# pnpm via corepack (ships with Node.js) # pnpm via corepack (ships with Node.js)
@ -114,11 +125,14 @@ RUN pnpm dlx "playwright@${PLAYWRIGHT_VERSION}" install chromium
WORKDIR /workspace WORKDIR /workspace
# Verify installation # Verify installation. Font count guards against silently shipping an image
# without renderable glyphs — if this drops to 0 again, E2E breaks at
# `toBeVisible()` even though the DOM is correct.
RUN node --version \ RUN node --version \
&& pnpm --version \ && pnpm --version \
&& buf --version \ && buf --version \
&& protoc-gen-es --version \ && protoc-gen-es --version \
&& oras version \ && oras version \
&& jq --version \ && jq --version \
&& ls "${PLAYWRIGHT_BROWSERS_PATH}" && ls "${PLAYWRIGHT_BROWSERS_PATH}" \
&& fonts=$(fc-list | wc -l) && echo "fonts: ${fonts}" && [ "${fonts}" -gt 0 ]