Arhn - архитектура программирования

Эмуляция Chrome iphone - Testcafe

Я запускаю следующий скрипт для запуска своих тестов:

testcafe --debug-on-fail \"chrome:emulation:device=iphone 6\" tests/e2e/specs/*.spec.js

В документации TestCafe они используют следующее для эмуляции iPhone:

chrome:emulation:device=iphone 6

Я не верю, что это работает, потому что, когда я запускаю свой тест, соотношение сторон и масштабирование устройства не похожи на выбор iPhone 6/7/8 на Chrome.

Я также тестировал:

chrome:emulation:device=iphone 6/7/8

Что сделало то же самое.

Я могу эмулировать все другие устройства в эмуляторе Chrome, то есть:

chrome:emulation:device=ipad mini
chrome:emulation:device=pixel 2

Кто-нибудь знает, как это сделать?

google-chrome automated-tests e2e-testing testcafe webtest
21.09.2018

  • Я выполнил следующую команду (без символов обратной косой черты): testcafe --debug-on-fail chrome: emulation: device = iphone 6 test.js Тест был выполнен с соотношением сторон 428x766, которое мне кажется правильным. Не могли бы вы пояснить, какую версию TestCafe вы используете? (Я использовал версию 0.22.0) Какую операционную систему вы используете? (Я использую Windows 10). А какую версию браузера вы используете? (Я использую версию 69.0.3497.100 (официальная сборка) (64-бит)) 24.09.2018

Ответы:


1

Я не могу воспроизвести проблему. Обратите внимание, что если вы откроете Chrome DevTools в режиме эмуляции устройства, он может сбросить параметры эмуляции, и вы не получите правильное соотношение сторон. Вы можете запустить следующий тест, чтобы проверить эмулируемую ширину и высоту:

fixture `Test Width`
    .page `example.com`;

test('Test', async t => {
    console.log(await t.eval(() => ({ width: outerWidth, height: outerHeight )));
});

Для iPhone 6/7/8 тест должен выдать что-то вроде {width: 375, height: 667}.

См. Также: Использовать эмуляцию устройства Chromium < / а>

10.12.2018
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..