ci: move to GH actions and npm

Author: timdeschryver

.circleci/config.yml

@@ -0,0 +1,25 @@
+name: ci
+
+on: pull_request
+
+jobs:
+  build_and_test:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [12.x]
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: install
+        run: npm install
+      - name: lint
+        run: npm run affected:lint
+      - name: build
+        run: npm run build --skip-nx-cache
+      - name: test
+        run: npm run affected:test --ci --code-coverage

.github/workflows/ci.yml

@@ -0,0 +1,34 @@
+name: release
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  release:
+    if: github.repository == 'testing-library/angular-testing-library'
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [12.x]
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: install
+        run: npm install
+      - name: lint
+        run: npm run affected:lint
+      - name: build
+        run: npm run build --skip-nx-cache
+      - name: test
+        run: npm run affected:test --ci --code-coverage
+      - name: Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: npx semantic-release

.github/workflows/release.yml

@@ -1 +1,2 @@
-registry=http://registry.npmjs.org/
+registry=http://registry.npmjs.org/
+package-lock=false

.npmrc

@@ -1,10 +1,10 @@
 import { render, screen, waitForElementToBeRemoved } from '@testing-library/angular';
 
-import { CdkVirtualScrollOverviewExample } from './13-scrolling.component';
+import { CdkVirtualScrollOverviewExampleComponent } from './13-scrolling.component';
 import { ScrollingModule } from '@angular/cdk/scrolling';
 
 test('should scroll to load more items', async () => {
-  await render(CdkVirtualScrollOverviewExample, {
+  await render(CdkVirtualScrollOverviewExampleComponent, {
     imports: [ScrollingModule],
   });
 

apps/example-app/app/examples/13-scrolling.component.spec.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 @Component({
-  selector: 'cdk-virtual-scroll-overview-example',
+  selector: 'app-cdk-virtual-scroll-overview-example',
   template: `
     <cdk-virtual-scroll-viewport itemSize="50" class="example-viewport" data-testid="scroll-viewport">
       <div *cdkVirtualFor="let item of items" class="example-item">{{ item }}</div>
@@ -22,6 +22,6 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class CdkVirtualScrollOverviewExample {
+export class CdkVirtualScrollOverviewExampleComponent {
   items = Array.from({ length: 100 }).map((_, i) => `Item #${i}`);
 }