vsavkin

{
  "$schema": "./node_modules/@nrwl/schematics/src/schema.json",
  "project": {
    "name": "tuskdesk",
    "npmScope": "nrwl",
    "latestMigration": "20180130-angular-devkit-schematics"
  },
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"

vsavkin

Nrwl is Hiring Angular Engineers in Toronto!

Are you a Senior Angular engineer who continually self-trains to build cutting-edge skills? Do you love the challenge of helping teams with real-world product goals? Want to play with Angular thought-leaders and enterprise development teams?

We Have:

• Distributed company with folks all over North America

vsavkin

import { enableProdMode, StaticProvider } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import * as angular from 'angular';
import { downgradeComponent, downgradeModule, setAngularLib } from '@angular/upgrade/static';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
import 'tusk-desk';
import { AppComponent } from './app/app.component';

vsavkin

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';
import { NxModule } from '@nrwl/nx';

@NgModule({
  imports: [BrowserModule, NxModule.forRoot()],
  declarations: [AppComponent],
  entryComponents: [AppComponent]
})

vsavkin

import { Directive, ElementRef, Injector } from '@angular/core';
import { setAngularLib, UpgradeComponent, downgradeComponent, UpgradeModule } from '@angular/upgrade/static';

import * as angular from 'angular';

import 'tusk-desk';
if (!angular.module('tusk-desk')) {
  throw new Error('"tusk-desk" is not loaded');
}

vsavkin

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserModule } from '@angular/platform-browser';
import { NxModule } from '@nrwl/nx';
import { configureTuskDesk, upgradedComponents } from '../tusk-desk-setup';
import { UpgradeModule } from '@angular/upgrade/static';

@NgModule({
  imports: [BrowserModule, NxModule.forRoot(), UpgradeModule],
  declarations: [AppComponent, ...upgradedComponents],

vsavkin

Two Types of Tests

As I mentioned in a few places, there are two ways test router-related code. I call them "unit testing" and "integration testing". But because these two terms are used in so many contexts, read comments here to see what I mean:

• angular/angular#15779
• https://gist.github.com/juliemr/f352a1ced4a8797f35cb1b956b9d83c3

Essentially, the latter one calls 'router.navigate'. In my experience, Googlers mostly care about integration testing.

vsavkin

@Component({
  selector: 'movie-showings-cmp',
  templateUrl: './movie-showings.component.html'
})
export class MovieShowingsComponent {
  public movieTitle: string;
  public showings: string[];

  private getShowings = new Subject<string>();

vsavkin

@Component({
  selector: 'movie-showings-cmp',
  templateUrl: './movie-showings.component.html'
})
export class MovieShowingsComponent {
  public movieTitle: string;
  public showings: string[];

  private getShowings = new Subject<string>();

vsavkin

@Component({
  selector: 'movie-showings-component',
  templateUrl: './movie-showings.component.html'
})
export class MovieShowingsComponent {
  public movieTitle: string;
  public showings: string[];

  constructor(private backend: Backend) {}