Commita09ec7a

committed

refactor(text-bg-color): host binding, cleanup, tests

1 parentfaab48a commita09ec7aCopy full SHA for a09ec7a

File tree

+36

-7

lines changed

+36

-7

lines changed

Lines changed: 28 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,11 +1,38 @@`
`1`		`-import{TestBed}from'@angular/core/testing';`
	`1`	`+import{ComponentFixture,TestBed}from'@angular/core/testing';`
	`2`	`+import{Component,DebugElement}from'@angular/core';`
	`3`	`+import{By}from'@angular/platform-browser';`
`2`	`4`	`import{TextBgColorDirective}from'./text-bg-color.directive';`
`3`	`5`
	`6`	`+@Component({`
	`7`	`+imports:[TextBgColorDirective],`
	`8`	`+template:'<div cTextBgColor="primary"></div>'`
	`9`	`+})`
	`10`	`+classTestComponent{}`
	`11`	`+`
`4`	`12`	`describe('TextBgColorDirective',()=>{`
	`13`	`+letcomponent:TestComponent;`
	`14`	`+letfixture:ComponentFixture<TestComponent>;`
	`15`	`+letdebugElement:DebugElement;`
	`16`	`+`
	`17`	`+beforeEach(()=>{`
	`18`	`+TestBed.configureTestingModule({`
	`19`	`+imports:[TestComponent]`
	`20`	`+}).compileComponents();`
	`21`	`+`
	`22`	`+fixture=TestBed.createComponent(TestComponent);`
	`23`	`+component=fixture.componentInstance;`
	`24`	`+debugElement=fixture.debugElement.query(By.directive(TextBgColorDirective));`
	`25`	`+fixture.detectChanges();`
	`26`	`+});`
	`27`	`+`
`5`	`28`	`it('should create an instance',()=>{`
`6`	`29`	`TestBed.runInInjectionContext(()=>{`
`7`	`30`	`constdirective=newTextBgColorDirective();`
`8`	`31`	`expect(directive).toBeTruthy();`
`9`	`32`	`});`
`10`	`33`	`});`
	`34`	`+`
	`35`	`+it('should have css classes',()=>{`
	`36`	`+expect(debugElement.nativeElement).toHaveClass('text-bg-primary');`
	`37`	`+});`
`11`	`38`	`});`

Lines changed: 8 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,11 @@`
`1`		`-import{Directive,HostBinding,input,InputSignal}from'@angular/core';`
	`1`	`+import{computed,Directive,input,InputSignal}from'@angular/core';`
`2`	`2`	`import{Colors}from'../coreui.types';`
`3`	`3`
`4`	`4`	`@Directive({`
`5`		`-selector:'[cTextBgColor]'`
	`5`	`+selector:'[cTextBgColor]',`
	`6`	`+host:{`
	`7`	`+'[class]':'hostClasses()'`
	`8`	`+}`
`6`	`9`	`})`
`7`	`10`	`exportclassTextBgColorDirective{`
`8`	`11`	`/**`
`@@ -11,11 +14,10 @@ export class TextBgColorDirective {`
`11`	`14`	`*/`
`12`	`15`	`readonlytextBgColor:InputSignal<Colors>=input('',{alias:'cTextBgColor'});`
`13`	`16`
`14`		`- @HostBinding('class')`
`15`		`-gethostClasses():any{`
	`17`	`+readonlyhostClasses=computed(()=>{`
`16`	`18`	`constcolor=this.textBgColor();`
`17`	`19`	`return{`
`18`	`20`	[`text-bg-${color}`]:!!color
`19`		`-};`
`20`		`-}`
	`21`	`+}asRecord<string,boolean>;`
	`22`	`+});`
`21`	`23`	`}`

Comments

(0)