mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
41223a81f2
Updates us to version 4.0 of Jasmine and fixes some errors that were the result of us depending upon deprecated APIs. We need to do this both to stay up to date and because it was going to break eventually, because one of the Bazel packages was logging a deprecation warning that version 4.0 was required. There were also some cases where the state of `ngDevMode` had started leaking out between tests. PR Close #45558
74 lines
2.4 KiB
TypeScript
74 lines
2.4 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.io/license
|
|
*/
|
|
|
|
import {Component, Directive, Input} from '@angular/core';
|
|
import {ComponentFixture, TestBed, waitForAsync} from '@angular/core/testing';
|
|
import {By} from '@angular/platform-browser/src/dom/debug/by';
|
|
import {browserDetection} from '@angular/platform-browser/testing/src/browser_util';
|
|
import {expect} from '@angular/platform-browser/testing/src/matchers';
|
|
|
|
{
|
|
describe('integration tests', () => {
|
|
let fixture: ComponentFixture<TestComponent>;
|
|
|
|
describe('directives', () => {
|
|
it('should support dotted selectors', waitForAsync(() => {
|
|
@Directive({selector: '[dot.name]'})
|
|
class MyDir {
|
|
// TODO(issue/24571): remove '!'.
|
|
@Input('dot.name') value!: string;
|
|
}
|
|
|
|
TestBed.configureTestingModule({
|
|
declarations: [
|
|
MyDir,
|
|
TestComponent,
|
|
],
|
|
});
|
|
|
|
const template = `<div [dot.name]="'foo'"></div>`;
|
|
fixture = createTestComponent(template);
|
|
fixture.detectChanges();
|
|
const myDir = fixture.debugElement.query(By.directive(MyDir)).injector.get(MyDir);
|
|
expect(myDir.value).toEqual('foo');
|
|
}));
|
|
});
|
|
|
|
describe('ng-container', () => {
|
|
if (browserDetection.isChromeDesktop) {
|
|
it('should work regardless the namespace', waitForAsync(() => {
|
|
@Component({
|
|
selector: 'comp',
|
|
template:
|
|
'<svg><ng-container *ngIf="1"><rect x="10" y="10" width="30" height="30"></rect></ng-container></svg>',
|
|
})
|
|
class MyCmp {
|
|
}
|
|
|
|
const f =
|
|
TestBed.configureTestingModule({declarations: [MyCmp]}).createComponent(MyCmp);
|
|
f.detectChanges();
|
|
|
|
expect(f.nativeElement.children[0].children[0].tagName).toEqual('rect');
|
|
}));
|
|
} else {
|
|
// Jasmine will throw if there are no tests.
|
|
it('should pass', () => {});
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
@Component({selector: 'test-cmp', template: ''})
|
|
class TestComponent {
|
|
}
|
|
|
|
function createTestComponent(template: string): ComponentFixture<TestComponent> {
|
|
return TestBed.overrideComponent(TestComponent, {set: {template: template}})
|
|
.createComponent(TestComponent);
|
|
}
|