Stencil.js newE2EPage Styles - PullRequest
Новая
       23

Stencil.js newE2EPage Styles

0 голосов
/ 15 июня 2019

Как мы можем установить глобальные стили для Stencil.js newE2EPage.

newE2EPage, похоже, имеет метод addStyleTag. Это метод, который мы можем использовать для установки стилей, и если да, то как?

Ответы [ 2 ]

1 голос
/ 22 июня 2019

Да, вы можете использовать page.addStyleTag, который на самом деле исходит от кукловода (см. https://pptr.dev/#?product=Puppeteer&version=master&show=api-pageaddstyletagoptions).

describe('Some Page', () => {
  let page: E2EPage;

  beforeEach(async () => {
    page = await newE2EPage({ html: '<my-comp />');
    await page.addStyleUrl('/build/app.css'); // replace "app" with your namespace
  });
});
0 голосов
/ 17 июля 2019

Я попробовал page.addStyleUrl (... и это не сработало. Вместо этого я обнаружил, что единственный способ изменить HTML, который я загружаю, включить таблицу стилей.

Правильная строка специально для StenciljsE2E-тест: 

const page = await newE2EPage(
  {html:
    `<head><link rel="stylesheet" href="/build/your-project.css"></head>
     <body><your-component></your-component></body>`
  });

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

...