[examples] Fix scully test

packages/now-static-build/test/fixtures/49-scully/.angulardoc.json

@@ -0,0 +1,4 @@
+{
+  "repoId": "46af5832-8fee-459b-b18b-8bba203a5b1f",
+  "lastSync": 0
+}

packages/now-static-build/test/fixtures/49-scully/README.md

@@ -1,6 +1,6 @@
 # Scully
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.3.21.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli).
 
 ## Development server
 

packages/now-static-build/test/fixtures/49-scully/angular.json

@@ -18,7 +18,7 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "aot": false,
+            "aot": true,
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": ["src/styles.css"],
             "scripts": []
@@ -36,7 +36,6 @@
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -110,5 +109,8 @@
       }
     }
   },
-  "defaultProject": "scully"
+  "defaultProject": "scully",
+  "cli": {
+    "analytics": false
+  }
 }

packages/now-static-build/test/fixtures/49-scully/blog/first-post.md

@@ -0,0 +1,7 @@
+---
+title: First post
+description: blog description
+publish: false
+---
+
+# First post

packages/now-static-build/test/fixtures/49-scully/blog/second-post.md

@@ -0,0 +1,7 @@
+---
+title: Second post
+description: blog description
+publish: false
+---
+
+# Second post

packages/now-static-build/test/fixtures/49-scully/karma.conf.js

@@ -16,7 +16,7 @@ module.exports = function(config) {
       clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, './coverage/scully'),
+      dir: require('path').join(__dirname, './coverage/scully-blog'),
       reports: ['html', 'lcovonly', 'text-summary'],
       fixWebpackSourcePaths: true,
     },

packages/now-static-build/test/fixtures/49-scully/package.json

@@ -4,48 +4,47 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "ng build && scully",
     "test": "ng test",
     "lint": "ng lint",
-    "scully": "scully",
-    "scully:serve": "scully serve"
+    "scully": "scully"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~8.2.14",
-    "@angular/common": "~8.2.14",
-    "@angular/compiler": "~8.2.14",
-    "@angular/core": "~8.2.14",
-    "@angular/forms": "~8.2.14",
-    "@angular/platform-browser": "~8.2.14",
-    "@angular/platform-browser-dynamic": "~8.2.14",
-    "@angular/router": "~8.2.14",
+    "@angular/animations": "~9.0.0-rc.7",
+    "@angular/common": "~9.0.0-rc.7",
+    "@angular/compiler": "~9.0.0-rc.7",
+    "@angular/core": "~9.0.0-rc.7",
+    "@angular/forms": "~9.0.0-rc.7",
+    "@angular/platform-browser": "~9.0.0-rc.7",
+    "@angular/platform-browser-dynamic": "~9.0.0-rc.7",
+    "@angular/router": "~9.0.0-rc.7",
     "@scullyio/init": "0.0.9",
     "@scullyio/ng-lib": "latest",
     "@scullyio/scully": "latest",
-    "rxjs": "~6.4.0",
-    "tslib": "^1.10.0",
-    "zone.js": "~0.9.1"
+    "rxjs": "6.5.3",
+    "tslib": "1.10.0",
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.21",
-    "@angular/cli": "~8.3.21",
-    "@angular/compiler-cli": "~8.2.14",
-    "@angular/language-service": "~8.2.14",
-    "@types/node": "~8.9.4",
-    "@types/jasmine": "~3.3.8",
+    "@angular-devkit/build-angular": "~0.900.0-rc.7",
+    "@angular/cli": "~9.0.0-rc.7",
+    "@angular/compiler-cli": "~9.0.0-rc.7",
+    "@angular/language-service": "~9.0.0-rc.7",
+    "@types/node": "^12.11.1",
+    "@types/jasmine": "~3.5.0",
     "@types/jasminewd2": "~2.0.3",
-    "codelyzer": "^5.0.0",
-    "jasmine-core": "~3.4.0",
+    "codelyzer": "^5.1.2",
+    "jasmine-core": "~3.5.0",
     "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma": "~4.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.0",
     "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.0",
-    "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tslint": "~5.15.0",
-    "typescript": "~3.5.3"
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "protractor": "~5.4.2",
+    "ts-node": "~8.3.0",
+    "tslint": "~5.18.0",
+    "typescript": "~3.6.4"
   }
 }

packages/now-static-build/test/fixtures/49-scully/scully.config.js

@@ -1,4 +1,11 @@
 exports.config = {
   projectRoot: './src/app',
-  routes: {},
+  routes: {
+    '/blog/:slug': {
+      type: 'contentFolder',
+      slug: {
+        folder: './blog',
+      },
+    },
+  },
 };

packages/now-static-build/test/fixtures/49-scully/src/app/app-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+const routes: Routes = [
+  {
+    path: 'blog',
+    loadChildren: () => import('./blog/blog.module').then(m => m.BlogModule),
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule],
+})
+export class AppRoutingModule {}

packages/now-static-build/test/fixtures/49-scully/src/app/app.component.html

@@ -1,3 +1,9 @@
-<div>
-  Scully on ZEIT Now.
-</div>
+<ul>
+  <li *ngFor="let post of posts$ | async">
+    <a [routerLink]="post.route">{{ post.title }}</a>
+  </li>
+</ul>
+
+<hr />
+
+<router-outlet></router-outlet>

packages/now-static-build/test/fixtures/49-scully/src/app/app.component.spec.ts

@@ -1,31 +1,33 @@
 import { TestBed, async } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
+      imports: [RouterTestingModule],
       declarations: [AppComponent],
     }).compileComponents();
   }));
 
   it('should create the app', () => {
     const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    const app = fixture.componentInstance;
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title 'scully'`, () => {
+  it(`should have as title 'scully-blog'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
-    expect(app.title).toEqual('scully');
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('scully-blog');
   });
 
   it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
-    const compiled = fixture.debugElement.nativeElement;
+    const compiled = fixture.nativeElement;
     expect(compiled.querySelector('.content span').textContent).toContain(
-      'scully app is running!'
+      'scully-blog app is running!'
     );
   });
 });

packages/now-static-build/test/fixtures/49-scully/src/app/app.component.ts

@@ -1,12 +1,25 @@
-import { IdleMonitorService } from '@scullyio/ng-lib';
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { ScullyRoute, ScullyRoutesService } from '@scullyio/ng-lib';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
 })
-export class AppComponent {
-  constructor() {}
-  title = 'scully';
+export class AppComponent implements OnInit {
+  posts$: Observable<ScullyRoute[]>;
+
+  constructor(private srs: ScullyRoutesService) {}
+
+  ngOnInit() {
+    this.posts$ = this.srs.available$.pipe(
+      map(routeList => {
+        return routeList.filter((route: ScullyRoute) =>
+          route.route.startsWith(`/blog/`)
+        );
+      })
+    );
+  }
 }

packages/now-static-build/test/fixtures/49-scully/src/app/app.module.ts

@@ -1,12 +1,13 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 
+import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { HttpClientModule } from '@angular/common/http';
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [BrowserModule, HttpClientModule],
+  imports: [BrowserModule, AppRoutingModule, HttpClientModule],
   providers: [],
   bootstrap: [AppComponent],
 })

packages/now-static-build/test/fixtures/49-scully/src/app/blog/blog-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { BlogComponent } from './blog.component';
+
+const routes: Routes = [
+  {
+    path: ':slug',
+    component: BlogComponent,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class BlogRoutingModule {}

packages/now-static-build/test/fixtures/49-scully/src/app/blog/blog.component.css

@@ -0,0 +1,10 @@
+
+
+ ::slotted(h1)  {
+  color:rgb(51, 6, 37);
+  background-color: rgb(248, 211, 236);
+  padding: 5px;
+  border-radius: 5px;
+  width: fit-content;
+}
+

packages/now-static-build/test/fixtures/49-scully/src/app/blog/blog.component.html

@@ -0,0 +1,7 @@
+<h3>ScullyIo content</h3>
+<hr>
+
+<!-- This is where Scully will inject the static HTML -->
+<scully-content></scully-content>
+<hr>
+<h4>End of content</h4>

packages/now-static-build/test/fixtures/49-scully/src/app/blog/blog.component.spec.ts

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BlogComponent } from './Blog.component';
+
+describe('BlogComponent', () => {
+  let component: BlogComponent;
+  let fixture: ComponentFixture<BlogComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [BlogComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BlogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

packages/now-static-build/test/fixtures/49-scully/src/app/blog/blog.component.ts

@@ -0,0 +1,17 @@
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { ActivatedRoute, Router, ROUTES } from '@angular/router';
+
+declare var ng: any;
+
+@Component({
+  selector: 'app-blog',
+  templateUrl: './blog.component.html',
+  styleUrls: ['./blog.component.css'],
+  preserveWhitespaces: true,
+  encapsulation: ViewEncapsulation.Emulated,
+})
+export class BlogComponent implements OnInit {
+  ngOnInit() {}
+
+  constructor(private router: Router, private route: ActivatedRoute) {}
+}

packages/now-static-build/test/fixtures/49-scully/src/app/blog/blog.module.ts

@@ -0,0 +1,11 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ComponentsModule } from '@scullyio/ng-lib';
+import { BlogRoutingModule } from './blog-routing.module';
+import { BlogComponent } from './blog.component';
+
+@NgModule({
+  declarations: [BlogComponent],
+  imports: [CommonModule, BlogRoutingModule, ComponentsModule],
+})
+export class BlogModule {}

packages/now-static-build/test/fixtures/49-scully/src/assets/scully-routes.json

@@ -1 +1,14 @@
-[]
+[
+  {
+    "route": "/blog/first-post",
+    "title": "First post",
+    "description": "blog description",
+    "publish": false
+  },
+  {
+    "route": "/blog/second-post",
+    "title": "Second post",
+    "description": "blog description",
+    "publish": false
+  }
+]

packages/now-static-build/test/fixtures/49-scully/src/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Scully</title>
+  <title>Scully on ZEIT Now</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">