Используя платформу VMware Clarity, я хочу включить адаптивное поведение. Clarity требует, чтобы вы использовали их angular компоненты clr-main-container
и clr-header
в макете приложения
Теперь мои тесты e2e (с Protractor) не пройдены, поскольку они не распознают эти angular компоненты. У меня есть один простой тест e2e, ищущий некоторый текст для входа.
app.e2e-spec.ts
:
import { AppPage } from './app.po';
import { browser, logging } from 'protractor';
describe( 'workspace-project App', () => {
let page: AppPage;
beforeEach( () => {
page = new AppPage();
} );
it( 'should display login page', () => {
page.navigateTo();
expect( page.getLoginTitleText() ).toEqual( 'Welcome to\nApp\nClick below to sign in with Google' );
} );
и app.po.ts
:
import { browser, by, element } from 'protractor';
export class AppPage {
public navigateTo() {
return browser.get( browser.baseUrl ) as Promise<any>;
}
public getLoginTitleText() {
return element( by.css( 'app-root app-login div.login-wrapper form.login section.title' ) )
.getText() as Promise<string>;
}
}
html раньше выглядело так:
<div class="main-container">
...
</div>
и теперь выглядит так:
<clr-main-container>
...
</clr-main-container>
Тест не пройден, так как не удается найти модуль ясности
...
1. If 'clr-main-container' is an Angular component, then verify that it is part of this module.`
...
Я не могу понять, как заставить тесты Protractor e2e импортировать модули (это легко сделать с модульными тестами Karma)