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

Question

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

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

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

Answer 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}.