ci: move to GH actions and npm

.github/workflows/ci.yml

@@ -0,0 +1,23 @@
+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: build
+ run: npm run build --skip-nx-cache
+ - name: test
+ run: npm run test --ci --code-coverage

.github/workflows/release.yml

@@ -0,0 +1,32 @@
+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: build
+ run: npm run build --skip-nx-cache
+ - name: test
+ run: npm run test --ci --code-coverage
+ - name: Release
+ env:
+ GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+ NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+ run: npx semantic-release

.npmrc

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

angular.json

@@ -78,7 +78,7 @@
  "options": {
  "jestConfig": "apps/example-app/jest.config.js",
  "tsConfig": "apps/example-app/tsconfig.spec.json",
- "setupFile": "apps/example-app/setup-jest.ts"
+ "setupFile": "apps/example-app/test-setup.ts"
  }
  }
  }
@@ -134,7 +134,7 @@
  "options": {
  "jestConfig": "projects/testing-library/jest.config.js",
  "tsConfig": "projects/testing-library/tsconfig.spec.json",
- "setupFile": "projects/testing-library/setup-jest.ts"
+ "setupFile": "projects/testing-library/test-setup.ts"
  }
  }
  }
@@ -181,7 +181,7 @@
  "options": {
  "jestConfig": "projects/jest-utils/jest.config.js",
  "tsConfig": "projects/jest-utils/tsconfig.spec.json",
- "setupFile": "projects/jest-utils/setup-jest.ts"
+ "setupFile": "projects/jest-utils/test-setup.ts"
  }
  }
  }

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

@@ -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.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}`);
 }

apps/example-app/tsconfig.spec.json

@@ -2,6 +2,8 @@
  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
  "module": "commonjs",
- "types": ["jest", "node"]
- }
+ "types": ["node", "jest"]
+ },
+ "files": ["test-setup.ts"],
+ "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

jest.config.js

@@ -6,9 +6,20 @@ module.exports = {
  resolver: '@nrwl/jest/plugins/resolver',
  moduleFileExtensions: ['ts', 'js', 'html'],
  coverageReporters: ['html'],
+ setupFilesAfterEnv: ['<rootDir>/test-setup.ts'],
  snapshotSerializers: [
  'jest-preset-angular/build/AngularNoNgAttributesSnapshotSerializer.js',
  'jest-preset-angular/build/AngularSnapshotSerializer.js',
  'jest-preset-angular/build/HTMLCommentSerializer.js',
  ],
+ globals: {
+ 'ts-jest': {
+ tsConfig: '<rootDir>/tsconfig.spec.json',
+ stringifyContentPathRegex: '\\.(html|svg)$',
+ astTransformers: [
+ 'jest-preset-angular/build/InlineFilesTransformer',
+ 'jest-preset-angular/build/StripStylesTransformer',
+ ],
+ },
+ },
 };

package.json

@@ -5,7 +5,7 @@
  "ng": "ng",
  "start": "ng serve",
  "build": "nx run-many --target=build --all",
- "test": "yarn affected:test",
+ "test": "nx run-many --target=test --all",
  "lint": "nx workspace-lint && ng lint",
  "e2e": "ng e2e",
  "affected:apps": "nx affected:apps",
@@ -34,7 +34,7 @@
  "@nrwl/angular": "^10.0.0",
  "@nrwl/nx-cloud": "^10.0.0",
  "@phenomnomnominal/tsquery": "^4.1.0",
- "@testing-library/dom": "^7.18.1",
+ "@testing-library/dom": "^7.24.1",
  "@testing-library/user-event": "^12.0.11",
  "core-js": "^3.6.5",
  "rxjs": "^6.5.5",

projects/jest-utils/tsconfig.lib.json

@@ -12,7 +12,7 @@
  "experimentalDecorators": true,
  "importHelpers": true,
  "allowSyntheticDefaultImports": true,
- "types": ["@types/jest"],
+ "types": ["jest"],
  "lib": ["dom", "es2015"]
  },
  "angularCompilerOptions": {

projects/jest-utils/tsconfig.spec.json

@@ -2,6 +2,8 @@
  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
  "module": "commonjs",
- "types": ["jest", "node"]
- }
+ "types": ["node", "jest"]
+ },
+ "files": ["test-setup.ts"],
+ "include": ["**/*.spec.ts", "**/*.d.ts"]
 }

projects/testing-library/tests/migration/4_0_0.spec.ts

@@ -83,7 +83,7 @@ describe('Migration to version 4.0.0', () => {
  async function setup() {
  await render(
  HomeComponent,
- 
+
  {componentProperties: {
  value: 'foo',
  count: 2
@@ -107,12 +107,12 @@ describe('Migration to version 4.0.0', () => {
  process.chdir(getSystemPath(host.root));
  await host.write(specPath, input).toPromise();
 
- schematicRunner.runSchematic('migration-4.0.0', {}, tree);
+ await schematicRunner.runSchematicAsync('migration-4.0.0', {}, tree).toPromise();
  await schematicRunner.engine.executePostTasks().toPromise();
 
  const actual = await host.read(specPath).toPromise().then(virtualFs.fileBufferToString);
 
- expect(actual).toBe(expected);
+ expect(actual.replace(/\s/g, '')).toBe(expected.replace(/\s/g, ''));
  });
  });
 });

projects/testing-library/tsconfig.lib.json

@@ -11,7 +11,7 @@
  "emitDecoratorMetadata": true,
  "experimentalDecorators": true,
  "importHelpers": false,
- "types": ["@types/jest", "@types/node"],
+ "types": ["node", "jest"],
  "lib": ["dom", "es2015", "es2018.promise"]
  },
  "angularCompilerOptions": {

projects/testing-library/tsconfig.spec.json

@@ -2,6 +2,8 @@
  "extends": "../../tsconfig.base.json",
  "compilerOptions": {
  "module": "commonjs",
- "types": ["jest", "node"]
- }
+ "types": ["node", "jest"]
+ },
+ "files": ["test-setup.ts"],
+ "include": ["**/*.spec.ts", "**/*.d.ts"]
 }