Как макетировать изображение с помощью светильника в кипарисе - PullRequest
Новая
       4

Как макетировать изображение с помощью светильника в кипарисе

0 голосов
/ 01 февраля 2019

Я использую Cypress для тестирования моего приложения VueJS.Единственное, с чем у меня проблемы - это издеваться над изображением, которое будет отображаться на странице.Для моего случая использования я просто загружаю профиль пользователя со следующим кодом: 

describe('Test Login', () => {
  it('Can Login', () => {
    cy.server();
    cy.route({
      method: 'GET',
      url: '/api/account/',
      response: 'fx:profile.json',
    });
    cy.route('**/media/demo1.png', 'fx:demo1.png');
  });
});

fixtures/profile.json

{
    "avatar": "http://localhost:8080/media/demo1.png",
    "username": "cypress",
    "email": "email@cypress.io",
    "pk": 1,
    "is_staff": true,
    "is_superuser": true,
    "is_active": true
}

Данные о профиле устройства загружаются правильно в тесте.В папке «Светильники» у меня также есть файл demo1.png.Я ожидаю, что это изображение будет загружено и отображено на странице во время моего теста, но оно отображается как разорванное изображение.

На вкладке сети оно показывает demo1.png как разорванное изображение с 200код ответа и тип text/html.

В документации на кипарисы в основном обсуждаются изображения в контексте загрузки изображений, но я не смог найти пример того, как я могу издеваться над изображением, которое загружается через тег <img>.Есть ли более простой способ сделать это?

...