+
Contact Detail
+ @if (contact !== undefined){
+
Name: {{contact()?.name}}
+
Phone: {{contact()?.phone}}
+
Email: {{contact()?.email}}
+ } @else {
+
Select a contact
+ }
+
diff --git a/demo-contacts/src/app/contact-book/contact-detail/contact-detail.spec.ts b/demo-contacts/src/app/contact-book/contact-detail/contact-detail.spec.ts
new file mode 100644
index 0000000..ca2ef8f
--- /dev/null
+++ b/demo-contacts/src/app/contact-book/contact-detail/contact-detail.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactDetail } from './contact-detail';
+
+describe('ContactDetail', () => {
+ let component: ContactDetail;
+ let fixture: ComponentFixture