本文整理匯總了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
});