本文整理汇总了TypeScript中@angular/flex-layout/core.MockMatchMedia.activate方法的典型用法代码示例。如果您正苦于以下问题：TypeScript MockMatchMedia.activate方法的具体用法？TypeScript MockMatchMedia.activate怎么用？TypeScript MockMatchMedia.activate使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@angular/flex-layout/core.MockMatchMedia的用法示例。
在下文中一共展示了MockMatchMedia.activate方法的1个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: it
it('should allow more than one responsive breakpoint on one element', () => {
createTestComponent(`
<div fxLayout
[ngStyle]="{'font-size': '10px;', 'margin-left' : '13px'}"
[ngStyle.xs]="{'font-size': '16px'}"
[ngStyle.md]="{'font-size': '12px'}">
</div>
`);
fixture.detectChanges();
matchMedia.activate('xs');
expectNativeEl(fixture).toHaveStyle({'display': 'flex'}, styler);
expectNativeEl(fixture).toHaveStyle({'font-size': '16px'}, styler);
expectNativeEl(fixture).not.toHaveStyle({'font-size': '12px'}, styler);
matchMedia.activate('md');
expectNativeEl(fixture).not.toHaveStyle({'font-size': '16px'}, styler);
expectNativeEl(fixture).toHaveStyle({'font-size': '12px'}, styler);
matchMedia.activate('lg');
expectNativeEl(fixture).not.toHaveStyle({'font-size': '12px'}, styler);
expectNativeEl(fixture).not.toHaveStyle({'font-size': '16px'}, styler);
expectNativeEl(fixture).toHaveStyle({'font-size': '10px'}, styler); // original is gone
expectNativeEl(fixture).toHaveStyle({'margin-left': '13px'}, styler); // portion remains
});