anchor.diff:          <span class="parent2" [innerHtml]="parentBinding"></span>
           <child-comp class="child-comp-class"></child-comp>''',
     directives: const [ChildComp, MessageDir],
  -  // TODO(b/71710685): Change to `Visibility.local` to reduce code size.
  -  visibility: Visibility.all,
   )
   class ParentComp {
     final String parentBinding = "OriginalParent";
  
positive.code:   selector: "bank-account-app",
    template: '<bank-account bank="RBC" account="4747"></bank-account>',
    directives: const [BankAccount],
    // TODO(b/71710685): Change to `Visibility.local` to reduce code size.
    visibility: Visibility.all,
  )
  class BankAccountApp {}
  
  @Directive(
    selector: "[mydir]", exportAs: "mydir",
    // TODO(b/71710685): Change to `Visibility.local` to reduce code size.
    visibility: Visibility.all,
  )
  class MyDir {}
  
negative.code: 
  @Component(
    selector: "events-comp",
    template: '<button (click)="handleClick()"></button>',
    visibility: Visibility.all,
  )
  class EventsComp {
  