UI Tests - fonts for 'REPLACEMENT CHARACTER' � (`U+FFFD`) is DejaVu

Abierto

#776 abierto el 3/2/2024 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad: 1/5
Tiempo estimado: Menos de una hora
Aptitud para principiantes: 55/100

Tipo de issue: Documentación
Claridad: Bien especificado
Estado de actividad: Estancado
Stack tecnológico: debian
Área: documentation, testing-qa

Línea de trabajo

Abre docs/5.x/tests-ui.md en la sección enlazada alrededor de las líneas 37–41 y revisa las instrucciones existentes para la instalación de fuentes. Documenta la instalación de fonts-dejavu junto con los paquetes enumerados y, después, verifica que las instrucciones cubran la configuración de la prueba de capturas de pantalla de UI y vuelve a ejecutar la prueba de Comparison UI si está disponible.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

You need some extra fonts to get the expected screenshots for the UI Tests - see:

https://github.com/matomo-org/developer-documentation/blob/5f09c4d970461e1399a61b653a44930bcbe88775/docs/5.x/tests-ui.md?plain=1#L37-L41

Especially the 'REPLACEMENT CHARACTER' � (U+FFFD) is not rendered by MS-fonts but by DejaVu instead!

Add a hint in the docs to install fonts-dejavu, as it is not installed by default in e.g. a slim docker container:

sudo apt-get install fonts-dejavu ttf-mscorefonts-installer imagemagick imagemagick-doc

Steps to reproduce on Debian:

Expected result:

Extract from 'expected-screenshots/Comparison_segmented_visitorlog.png':
grafik

Without additional fonts:

run ./console tests:run-ui --persist-fixture-data Comparison
fails:

 2) should show the segmented visitor log popup for the compared row/segment/period when clicked
     images differ in 2870 pixels (command output: 2870)
          Generated screenshot: /var/www/html/tests/UI/processed-ui-screenshots/Comparison_segmented_visitorlog.png
          Expected screenshot: /var/www/html/tests/UI/expected-screenshots/Comparison_segmented_visitorlog.png
     
          Url to reproduce: http://matomo.ddev.site/tests/PHPUnit/proxy/?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&actionToWidgetize=getSearchEngines&viewDataTable=table&filter_limit=5&isFooterExpandedInDashboard=1&compareDates[]=2012-01-01,2012-01-31&comparePeriods[]=range#?period=year&date=2012-08-09&popover=RowAction%243ASegmentVisitorLog%243AReferrers.getSearchEngines%243AreferrerName%24253D%24253DGoogle%243A%24257B%242522date%242522%24253A%2425222012-01-01%24252C2012-01-31%242522%24252C%242522period%242522%24253A%242522range%242522%24252C%242522comparePeriods%242522%24253A%242522%242522%24252C%242522compareDates%242522%24253A%242522%242522%24257D
          No captured console logs.

Extract from 'processed-ui-screenshots/Comparison_segmented_visitorlog.png':
grafik

With DejaVu fonts installed:

run ./console tests:run-ui --persist-fixture-data Comparison
fails:

2) Comparison
       should show the segmented visitor log popup for the compared row/segment/period when clicked:
          images differ in 274 pixels (command output: 274)
            Generated screenshot: /var/www/html/tests/UI/processed-ui-screenshots/Comparison_segmented_visitorlog.png
            Expected screenshot: /var/www/html/tests/UI/expected-screenshots/Comparison_segmented_visitorlog.png
       
            Url to reproduce: http://matomo.ddev.site/tests/PHPUnit/proxy/?module=Widgetize&action=iframe&moduleToWidgetize=Referrers&idSite=1&period=year&date=2012-08-09&actionToWidgetize=getSearchEngines&viewDataTable=table&filter_limit=5&isFooterExpandedInDashboard=1&compareDates[]=2012-01-01,2012-01-31&comparePeriods[]=range#?period=year&date=2012-08-09&popover=RowAction%243ASegmentVisitorLog%243AReferrers.getSearchEngines%243AreferrerName%24253D%24253DGoogle%243A%24257B%242522date%242522%24253A%2425222012-01-01%24252C2012-01-31%242522%24252C%242522period%242522%24253A%242522range%242522%24252C%242522comparePeriods%242522%24253A%242522%242522%24252C%242522compareDates%242522%24253A%242522%242522%24257D
            No captured console logs.

Extract from 'processed-ui-screenshots/Comparison_segmented_visitorlog.png':
grafik

The still missing 274 pixel difference is triggered by image rendering/smoothing 🤷

Expected:

Processed:

Further investigation:

– Output from Debian environment –

Install packages to run fc-match and fc-list:

root@matomo-web:~# apt-get -qq update || true
root@matomo-web:~# DEBIAN_FRONTEND=noninteractive apt-get -qq install -y -o Dpkg::Options::="--force-confold" --no-install-recommends --no-install-suggests xfonts-utils

Check sans-serif fonts and U+FFFD:

root@matomo-web:~# fc-match sans-serif
Verdana.ttf: "Verdana" "Regular"

root@matomo-web:~# fc-list :charset=FFFD
# --> no output here

Install fonts-dejavu:

root@matomo-web:~# DEBIAN_FRONTEND=noninteractive apt-get -qq install -y -o Dpkg::Options::="--force-confold" --no-install-recommends --no-install-suggests fonts-dejavu

Again check sans-serif fonts and U+FFFD:

root@matomo-web:~# fc-match sans-serif
DejaVuSans.ttf: "DejaVu Sans" "Book"

root@matomo-web:~# fc-list :charset=FFFD
/usr/share/fonts/truetype/dejavu/DejaVuSerif-Bold.ttf: DejaVu Serif:style=Bold
/usr/share/fonts/truetype/dejavu/DejaVuSansMono.ttf: DejaVu Sans Mono:style=Book
[…]

Complete output fc-list :charset=FFFD (click to open)

root@matomo-web:~# fc-list :charset=FFFD
/usr/share/fonts/truetype/dejavu/DejaVuSerif-Bold.ttf: DejaVu Serif:style=Bold
/usr/share/fonts/truetype/dejavu/DejaVuSansMono.ttf: DejaVu Sans Mono:style=Book
/usr/share/fonts/truetype/dejavu/DejaVuSansCondensed-Oblique.ttf: DejaVu Sans,DejaVu Sans Condensed:style=Condensed Oblique,Oblique
/usr/share/fonts/truetype/dejavu/DejaVuSerifCondensed-BoldItalic.ttf: DejaVu Serif,DejaVu Serif Condensed:style=Condensed Bold Italic,Bold Italic
/usr/share/fonts/truetype/dejavu/DejaVuSans-ExtraLight.ttf: DejaVu Sans,DejaVu Sans Light:style=ExtraLight
/usr/share/fonts/truetype/dejavu/DejaVuSans.ttf: DejaVu Sans:style=Book
/usr/share/fonts/truetype/dejavu/DejaVuSerifCondensed.ttf: DejaVu Serif,DejaVu Serif Condensed:style=Condensed,Book
/usr/share/fonts/truetype/dejavu/DejaVuSerifCondensed-Italic.ttf: DejaVu Serif,DejaVu Serif Condensed:style=Condensed Italic,Italic
/usr/share/fonts/truetype/dejavu/DejaVuSerif-BoldItalic.ttf: DejaVu Serif:style=Bold Italic
/usr/share/fonts/truetype/dejavu/DejaVuSansMono-Oblique.ttf: DejaVu Sans Mono:style=Oblique
/usr/share/fonts/truetype/dejavu/DejaVuSerifCondensed-Bold.ttf: DejaVu Serif,DejaVu Serif Condensed:style=Condensed Bold,Bold
/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf: DejaVu Sans:style=Bold
/usr/share/fonts/truetype/dejavu/DejaVuSansMono-BoldOblique.ttf: DejaVu Sans Mono:style=Bold Oblique
/usr/share/fonts/truetype/dejavu/DejaVuSansCondensed-BoldOblique.ttf: DejaVu Sans,DejaVu Sans Condensed:style=Condensed Bold Oblique,Bold Oblique
/usr/share/fonts/truetype/dejavu/DejaVuSansCondensed.ttf: DejaVu Sans,DejaVu Sans Condensed:style=Condensed,Book
/usr/share/fonts/truetype/dejavu/DejaVuSansCondensed-Bold.ttf: DejaVu Sans,DejaVu Sans Condensed:style=Condensed Bold,Bold
/usr/share/fonts/truetype/dejavu/DejaVuSansMono-Bold.ttf: DejaVu Sans Mono:style=Bold
/usr/share/fonts/truetype/dejavu/DejaVuSans-Oblique.ttf: DejaVu Sans:style=Oblique
/usr/share/fonts/truetype/dejavu/DejaVuSerif-Italic.ttf: DejaVu Serif:style=Italic
/usr/share/fonts/truetype/dejavu/DejaVuSerif.ttf: DejaVu Serif:style=Book
/usr/share/fonts/truetype/dejavu/DejaVuSans-BoldOblique.ttf: DejaVu Sans:style=Bold Oblique

Lenguaje dominante: PHP
Estrellas: 58
Forks: 88
Merge medio: 6 h 29 min
PR fusionados (30 d): 3

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

Lee el issue completo y luego la guía de contribución del proyecto.
Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
Haz un fork del repositorio y trabaja en una rama.
Abre un pull request que haga referencia al número del issue.

Más de matomo-org/developer-documentation

Complete developer setting up - Piwik installation guide on linux
Abierto
- ¿Algo no está bien?
Documentation enhancement

Dificultad 1/5 1-3 horas Aptitud para principiantes 68/100

matomo-org/developer-documentation#182 · Abierto el 25/5/2017
Improve Mobile Navigation UX for Sidebar Menu
Abierto
- ¿Algo no está bien?
Dificultad 4/5 3-5 días Aptitud para principiantes 45/100

matomo-org/developer-documentation#856 · Abierto el 4/12/2025
Auto deploy on production seems to be no longer working
Abierto
- ¿Algo no está bien?
bug

Dificultad 4/5 3-5 días Aptitud para principiantes 35/100

matomo-org/developer-documentation#851 · Abierto el 31/10/2025
Event category and event action missing from log_link_visit_action table description
Abierto
- ¿Algo no está bien?
Dificultad 1/5 Menos de una hora Aptitud para principiantes 55/100

matomo-org/developer-documentation#806 · 2 comentarios · Abierto el 10/12/2024
Use OpenAPI standard for API documentation
Abierto
- ¿Algo no está bien?
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100

matomo-org/developer-documentation#787 · 1 comentario · Abierto el 6/5/2024

Todos los issues de matomo-org/developer-documentation

Issues similares

[Sync EN] Updated to version 2026.5 (2026e)
Abierto
- ¿Algo no está bien?
sync-en

Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100

php/doc-es#1379 · Abierto el 1/10/2026

Los mantenedores suelen responder en 2 días
WebSocket 413 when cookies exceed 4 KB
Abierto
- ¿Algo no está bien?
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100

Submitty/Submitty#13391 · Abierto el 30/9/2026

Los mantenedores suelen responder en 2 días
Head the page of a Subject without a label by its bracketed id
Abierto
- ¿Algo no está bien?
UX

Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100

ProfessionalWiki/NeoWiki#1573 · Abierto el 30/9/2026

Los mantenedores suelen responder en 1 día
Order is completed when the Nextcloud sync fails at checkout
Abierto
- ¿Algo no está bien?
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100

LibreSign/woocommerce-nextcloud-admin-group-manager#34 · Abierto el 30/9/2026
JUG Names are Repeated in the Directory
Abierto
- ¿Algo no está bien?
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100

joomla/community.joomla.org#13 · Abierto el 30/9/2026

Más issues de PHP

UI Tests - fonts for 'REPLACEMENT CHARACTER' � (`U+FFFD`) is DejaVu

¿Algo no está bien?

Evaluación

Línea de trabajo

Descripción

Steps to reproduce on Debian:

Expected result:

Without additional fonts:

With DejaVu fonts installed:

Further investigation:

Preparar el entorno

Primeros pasos

Más de matomo-org/developer-documentation

¿Algo no está bien?

¿Algo no está bien?

¿Algo no está bien?

¿Algo no está bien?

¿Algo no está bien?

Issues similares

¿Algo no está bien?

¿Algo no está bien?

¿Algo no está bien?

¿Algo no está bien?

¿Algo no está bien?

Recibe los nuevos issues en tu correo