mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
54 lines
2.1 KiB
TypeScript
54 lines
2.1 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.dev/license
|
|
*/
|
|
|
|
import {shim} from './utils';
|
|
|
|
describe('ShadowCss, polyfills', () => {
|
|
it('should support polyfill-next-selector', () => {
|
|
let css = shim("polyfill-next-selector {content: 'x > y'} z {}", 'contenta');
|
|
expect(css).toEqualCss('x[contenta] > y[contenta]{}');
|
|
|
|
css = shim('polyfill-next-selector {content: "x > y"} z {}', 'contenta');
|
|
expect(css).toEqualCss('x[contenta] > y[contenta]{}');
|
|
|
|
css = shim(`polyfill-next-selector {content: 'button[priority="1"]'} z {}`, 'contenta');
|
|
expect(css).toEqualCss('button[priority="1"][contenta]{}');
|
|
});
|
|
|
|
it('should support polyfill-unscoped-rule', () => {
|
|
let css = shim("polyfill-unscoped-rule {content: '#menu > .bar';color: blue;}", 'contenta');
|
|
expect(css).toContain('#menu > .bar {;color: blue;}');
|
|
|
|
css = shim('polyfill-unscoped-rule {content: "#menu > .bar";color: blue;}', 'contenta');
|
|
expect(css).toContain('#menu > .bar {;color: blue;}');
|
|
|
|
css = shim(`polyfill-unscoped-rule {content: 'button[priority="1"]'}`, 'contenta');
|
|
expect(css).toContain('button[priority="1"] {}');
|
|
});
|
|
|
|
it('should support multiple instances polyfill-unscoped-rule', () => {
|
|
const css = shim(
|
|
"polyfill-unscoped-rule {content: 'foo';color: blue;}" +
|
|
"polyfill-unscoped-rule {content: 'bar';color: blue;}",
|
|
'contenta',
|
|
);
|
|
expect(css).toContain('foo {;color: blue;}');
|
|
expect(css).toContain('bar {;color: blue;}');
|
|
});
|
|
|
|
it('should support polyfill-rule', () => {
|
|
let css = shim("polyfill-rule {content: ':host.foo .bar';color: blue;}", 'contenta', 'a-host');
|
|
expect(css).toEqualCss('.foo[a-host] .bar[contenta] {;color:blue;}');
|
|
|
|
css = shim('polyfill-rule {content: ":host.foo .bar";color:blue;}', 'contenta', 'a-host');
|
|
expect(css).toEqualCss('.foo[a-host] .bar[contenta] {;color:blue;}');
|
|
|
|
css = shim(`polyfill-rule {content: 'button[priority="1"]'}`, 'contenta', 'a-host');
|
|
expect(css).toEqualCss('button[priority="1"][contenta] {}');
|
|
});
|
|
});
|