fix(app): correct test for styles, styleUrls, styleUrl

vogloblinsky · vogloblinsky · commit bfbc48fdf795 · 2024-03-18T18:26:55.000+01:00
fix #1444
diff --git a/test/fixtures/todomvc-ng2/src/app/about/about.component.ts b/test/fixtures/todomvc-ng2/src/app/about/about.component.ts
@@ -25,7 +25,12 @@ import { Subscription } from 'rxjs/Subscription';
     providers: [EmitterService],
     entryComponents: [TodoComponent, ListComponent],
     preserveWhitespaces: false,
-    hostDirectives: [DoNothingDirective]
+    hostDirectives: [DoNothingDirective],
+    styles: `
+        a {
+            color: #03a9f4;
+        }
+    `
 })
 export class AboutComponent {
     public subscriptions: Subscription[];
diff --git a/test/fixtures/todomvc-ng2/src/app/about/compodoc/compodoc.component.css b/test/fixtures/todomvc-ng2/src/app/about/compodoc/compodoc.component.css
@@ -0,0 +1,3 @@
+a {
+    color: green;
+}
diff --git a/test/fixtures/todomvc-ng2/src/app/about/compodoc/compodoc.component.ts b/test/fixtures/todomvc-ng2/src/app/about/compodoc/compodoc.component.ts
@@ -5,6 +5,7 @@ import { Component } from '@angular/core';
  */
 @Component({
     selector: 'compodoc',
-    templateUrl: './compodoc.component.html'
+    templateUrl: './compodoc.component.html',
+    styleUrl: './compodoc.component.css'
 })
 export class CompodocComponent {}
diff --git a/test/src/cli/cli-generation-big-app.spec.ts b/test/src/cli/cli-generation-big-app.spec.ts
@@ -979,4 +979,15 @@ describe('CLI simple generation - big app', () => {
         expect(file).to.contain('<a href="#label" >label</a>');
         expect(file).to.contain('<a href="#currentChange" >currentChange</a>');
     });
+
+    it('should support component styles url/urls', () => {
+        let file = read(distFolder + '/components/CompodocComponent.html');
+        expect(file).to.contain('<code>./compodoc.component.css</code>');
+        file = read(distFolder + '/components/AboutComponent.html');
+        expect(file).to.contain(`<code>
+        a {
+            color: #03a9f4;
+        }
+    </code>`);
+    });
 });
