Угловой 7: модульный тест Жасмин автоматизировать размер окна на мобильном телефоне и в Интернете

Question

Мне нужно написать автоматический тестовый пример (тест Жасмин), который будет работать в Chrome с различными разрешениями для мобильного и веб-просмотра Например, он должен автоматически настроить размер окна на W: 375 H: 678, когда он работает в жасмине К сожалению, я не смог найти решение для этого

it('It should set sizes according to mobile', async(() => {

     //below code is not working
     //browser.manage().window().setSize(375, 678);
     let innerHeight = window.innerHeight;
     neither it won't work following code
     window.resizeTo(375, 678);

  }));

Answer 1

наконец я смог найти ответ на этот вопрос

это можно сделать, установив npm install karma-viewport

Это предоставит тестам глобальную переменную viewport, которая позволит установить размеры области просмотра

необходимо настроить размеры области просмотра в karma.conf.js следующим образом

// karma.conf.js
module.exports = function(config) {
  config.set({
    frameworks: ["viewport"]

    // Viewport configuration
    viewport: {
      breakpoints: [
        {
          name: "mobile",
          size: {
            width: 320,
            height: 480
          }
        },
        {
          name: "tablet",
          size: {
            width: 768,
            height: 1024
          }
        },
        {
          name: "screen",
          size: {
            width: 1440,
            height: 900
          }
        }
      ]
    }
  })
}

тогда в spec-файле вы можете получить доступ к размерам экрана

 it('should load the mobile view ', () => {
     viewport.set('mobile');
  });

Answer 2

Вы проводите этот тест с карменным бегуном?Я не думаю, что карма может контролировать размер окна внутри теста.Вы можете только установить размер окна с конфигурацией запуска.В противном случае, e2e тест с транспортиром / селеном является другим решением.