test: add ng-content example

Closes #78

Author: timdeschryver

src/app/examples/11-ng-content.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+import { render, screen } from '@testing-library/angular';
+
+import { CellComponent } from './11-ng-content';
+
+test('it is posible to test ng-content without selector', async () => {
+  const projection = 'it should be showed into a p element!';
+
+  TestBed.overrideComponent(CellComponent, { set: { selector: 'cell' } });
+  await render(CellComponent, {
+    template: `<cell data-testid="one-cell-with-ng-content">${projection}</cell>`,
+  });
+
+  expect(screen.getByText(projection)).toBeInTheDocument();
+  expect(screen.getByTestId('one-cell-with-ng-content')).toContainHTML(`<p>${projection}</p>`);
+});

src/app/examples/11-ng-content.ts

@@ -0,0 +1,11 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+
+@Component({
+  template: `
+    <p>
+      <ng-content></ng-content>
+    </p>
+  `,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class CellComponent {}