Я тестирую свой пользовательский интерфейс с помощью инструментов Selenium ChromeDriver и ImageMagick Compare. Я делаю снимки экрана на пуле машин (Windows Server R2012) и сравниваю с утвержденным изображением (утвержденное изображение было отображено в Windows 10). У меня есть пара кругов, нарисованных border-radius. Утвержденные и фактические границы кругов различаются. Обратите внимание на значения пикселей на плоских границах.
Все поиски сглаживания и сглаживания дают мне результаты, касающиеся только отключения сглаживания шрифтов в ОС, что, похоже, не в моем случае (кстати, я до сих пор отключаю ClearType и сглаживание шрифтов до запуска тестов).
Почему границы отличаются? Что можно сделать, чтобы сделать то же представление?
Я использую Chrome 69.0.3497.92. Я также отметил ОС выше, потому что это единственное очевидное различие, которое я вижу между средами выполнения.
Изображение производится span со следующими стилями.
min-width: 20px;
height: 20px;
border-radius: 17px;
box-sizing: border-box;
background-color: #ce0014;