zdennis · June 29, 2018 17:43
diff --git a/0_installing_latest_version_of_rails.sh b/0_installing_latest_version_of_rails.sh
 > gem install -r rails -v 5.2.0
 Successfully installed rails-5.2.0
 1 gem installed
diff --git a/10_committing_frontend.sh b/10_committing_frontend.sh
 > git add . &&
    git commit -m "Generating the Angular app

      ng new frontend
       cd frontend
       npm install
       ng serve --open"
diff --git a/10b_cd_dot_dot.sh b/10b_cd_dot_dot.sh
 > cd ..
diff --git a/11_creating_spec_features.sh b/11_creating_spec_features.sh
 > mkdir -p spec/features && touch spec/features/welcome_spec.rb
diff --git a/12_welcome_spec.rb b/12_welcome_spec.rb
 require 'rails_helper'

 describe 'Welcome page', type: :feature, js: :true do
  it 'loads the Angular app' do
    visit '/'
    expect(page).to have_content('Welcome to app!')
  end
 end
diff --git a/13_running_the_spec.sh b/13_running_the_spec.sh
 > bundle exec rspec spec/features/welcome_spec.rb
 /Users/zdennis/.rbenv/libexec/rbenv exec bundle exec rspec spec/features/welcome_spec.rb
 /Users/zdennis/source/playground/my-great-new-app/db/schema.rb doesn't exist yet. Run `rails db:migrate` to create it, then try again. If you do not intend to use a database, you should instead alter /Users/zdennis/source/playground/my-great-new-app/config/application.rb to limit the frameworks that will be loaded.
 F

 Failures:

   1) Welcome page loads the Angular app
      Failure/Error: visit '/'

      RuntimeError:
        Capybara not loaded, please add it to your Gemfile:

        gem "capybara"
      # ./spec/features/welcome_spec.rb:5:in `block (2 levels) in <top (required)>'

 Finished in 0.00619 seconds (files took 1.83 seconds to load)
 1 example, 1 failure

 Failed examples:

 rspec ./spec/features/welcome_spec.rb:4 # Welcome page loads the Angular app
diff --git a/13b_migration_warning.txt b/13b_migration_warning.txt
 /Users/zdennis/source/playground/my-great-new-app/db/schema.rb doesn't exist yet. Run `rails db:migrate` to create it, then try again. If you do not intend to use a database, you should instead alter
diff --git a/14_db_create_all.sh b/14_db_create_all.sh
 > bundle exec rake db:create:all db:migrate
 Created database 'db/development.sqlite3'
 Database 'db/test.sqlite3' already exists
 Created database 'db/production.sqlite3'
diff --git a/15_running_The_spec_again.sh b/15_running_The_spec_again.sh
 > bundle exec rspec spec/features/welcome_spec.rb
 /Users/zdennis/.rbenv/libexec/rbenv exec bundle exec rspec spec/features/welcome_spec.rb
 F

 Failures:

  1) Welcome page loads the Angular app
     Failure/Error: visit '/'

     RuntimeError:
       Capybara not loaded, please add it to your Gemfile:

       gem "capybara"
     # ./spec/features/welcome_spec.rb:5:in `block (2 levels) in <top (required)>'

 Finished in 0.0065 seconds (files took 2.15 seconds to load)
 1 example, 1 failure

 Failed examples:

 rspec ./spec/features/welcome_spec.rb:4 # Welcome page loads the Angular app
diff --git a/15b_capybara_not_loaded.txt b/15b_capybara_not_loaded.txt
 RuntimeError:
  Capybara not loaded, please add it to your Gemfile:

  gem "capybara"
 # ./spec/features/welcome_spec.rb:5:in `block (2 levels) in <top (required)>
diff --git a/16_update_gemfile_with_capybara_and_friends.rb b/16_update_gemfile_with_capybara_and_friends.rb
 group :test do
  gem 'capybara'
  gem 'capybara_spa'
  gem 'selenium-webdriver'
  gem 'chromedriver-helper'
 end
diff --git a/17_bundle.sh b/17_bundle.sh
 > bundle
diff --git a/18_make_spec_support.sh b/18_make_spec_support.sh
 > mkdir -p spec/support && 
    spec/support/capybara.rb
diff --git a/19_spec_support_capybara.rb b/19_spec_support_capybara.rb
 require 'capybara/rails'
 require 'capybara_spa'
 require 'selenium/webdriver'

 # capybara.rb is responsible for configuring Capybara.
 #
 # It sets up two different JS drivers:
 #
 #   * :chrome
 #   * :headless_chrome
 #
 # It hard codes an assumption that the Rails app runs on port 3001.
 #
 FrontendServer = CapybaraSpa::Server::NgStaticServer.new(
  build_path: File.dirname(__FILE__) + '/../../frontend/dist/frontend',
  http_server_bin_path: File.dirname(__FILE__) + '/../../frontend/node_modules/.bin/angular-http-server',
  # log_file: File.dirname(__FILE__) + '/../../log/angular-process.log',
  pid_file: File.dirname(__FILE__) + '/../../tmp/angular-process.pid'
 )

 RSpec.configure do |config|
  config.before(:each) do |example|
    if self.class.metadata[:js]
      begin
        FrontendServer.start unless FrontendServer.started?
      rescue CapybaraSpa::Server::Error => ex
        # When an exception is raised it is being swallowed
        # so print it out and forcefully fail so the developer
        # see its.
        STDERR.puts ex.message, ex.backtrace.join("\n")
        exit!
      end
    end
  end
 end

 # This env var comes from the heroku-buildpack-google-chrome
 chrome_bin = ENV.fetch('GOOGLE_CHROME_SHIM', nil)
 # This env var comes from chromedriver_linux, e.g. TravisCI
 chrome_bin ||= ENV.fetch('CHROME_BIN', nil)
 chrome_options = {}
 chrome_options[:binary] = chrome_bin if chrome_bin

 # Give us access to browser console logs, see spec/support/browser_logging.rb
 logging_preferences = { browser: 'ALL' }

 Capybara.register_driver :chrome do |app|
  capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
    chromeOptions: chrome_options,
    loggingPrefs: logging_preferences
  )

  Capybara::Selenium::Driver.new(
    app,
    browser: :chrome,
    desired_capabilities: capabilities
  )
 end

 Capybara.register_driver :headless_chrome do |app|
  capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
    chromeOptions: chrome_options.merge(args: %w(headless disable-gpu)),
    loggingPrefs: logging_preferences
  )

  Capybara::Selenium::Driver.new(
    app,
    browser: :chrome,
    desired_capabilities: capabilities
  )
 end

 Capybara.app_host = "http://localhost:#{FrontendServer.port}"
 Capybara.always_include_port = true
 Capybara.default_max_wait_time = 10
 Capybara.javascript_driver = :chrome
 Capybara.server = :puma
 Capybara.server_port = 3001
diff --git a/1_create_new_rails_api_app.sh b/1_create_new_rails_api_app.sh
 > rails new my-great-new-app --api --skip-test
 [output suppressed]
diff --git a/20_run_the_spec_again.sh b/20_run_the_spec_again.sh
 > bundle exec rspec spec/features/welcome_spec.rb
diff --git a/20b_spec_failures.txt b/20b_spec_failures.txt
 Failures:

   1) Welcome page loads the Angular app
      Failure/Error: raise ActionController::RoutingError, "No route matches [#{env['REQUEST_METHOD']}] #{env['PATH_INFO'].inspect}"

      ActionController::RoutingError:
        No route matches [GET] "/"
diff --git a/21_load_support_files.rb b/21_load_support_files.rb
 Dir[Rails.root.join('spec/support/**/*.rb')].each { |file| load file }
diff --git a/22_rails_helper_reference_line.rb b/22_rails_helper_reference_line.rb
 # Add additional requires below this line. Rails is not loaded until this point!
diff --git a/23_run_spec_again.sh b/23_run_spec_again.sh
 > bundle exec rspec spec/features/welcome_spec.rb
 angular-http-server not found! Make sure it's installed via npm:

 To the project:

    npm install --save-dev angular-http-server

 Or globally:

    npm install -g angular-http-server

 [output suppressed]
diff --git a/24_installing_angular_http_server.sh b/24_installing_angular_http_server.sh
 cd frontend &&
  npm install --save-dev angular-http-server &&
  cd ..
diff --git a/25_run_the_spec_again.sh b/25_run_the_spec_again.sh
 ```shell
 > bundle exec rspec spec/features/welcome_spec.rb
 E.g. ng build --aot --environment integration-tests --target=development --output-path=public/app/

 /Users/zdennis/.rbenv/versions/2.3.1/lib/ruby/gems/2.3.0/gems/capybara_spa-0.4.0/lib/capybara_spa/server/ng_static_server.rb:118:in `check_ng_app_requirements!'
 [output suppressed]
diff --git a/26_build_angular_app.sh b/26_build_angular_app.sh
 > cd frontend &&
    ng build &&
    cd ..
diff --git a/27_running_the_spec_again.sh b/27_running_the_spec_again.sh
 > bundle exec rspec spec/features/welcome_spec.rb
 /Users/zdennis/.rbenv/libexec/rbenv exec bundle exec rspec spec/features/welcome_spec.rb
 Capybara starting Puma...
 * Version 3.11.4 , codename: Love Song
 * Min threads: 0, max threads: 4
 * Listening on tcp://127.0.0.1:3001
 Path specified: frontend
 Using frontend/index.html
 Listening on 5001
 Route dummy, replacing with index.html
 Sending frontend/runtime.js with Content-Type application/javascript
 Sending frontend/polyfills.js with Content-Type application/javascript
 Sending frontend/styles.js with Content-Type application/javascript
 Sending frontend/vendor.js with Content-Type application/javascript
 Sending frontend/main.js with Content-Type application/javascript
 Sending frontend/favicon.ico with Content-Type image/x-icon
 Route dummy, replacing with index.html
 Sending frontend/runtime.js with Content-Type application/javascript
 Sending frontend/polyfills.js with Content-Type application/javascript
 Sending frontend/styles.js with Content-Type application/javascript
 Sending frontend/vendor.js with Content-Type application/javascript
 Sending frontend/main.js with Content-Type application/javascript
 .
 ~~
 Finished in 2.33 seconds (files took 2.12 seconds to load)
 1 example, 0 failures
diff --git a/28_redirecting_angular_http_server_logging.rb b/28_redirecting_angular_http_server_logging.rb
 # log_file: File.dirname(__FILE__) + '/../../log/angular-process.log',
diff --git a/29_run_the_spec_again.sh b/29_run_the_spec_again.sh
 > bundle exec rspec spec/features/welcome_spec.rb
 Capybara starting Puma...
 * Version 3.11.4 , codename: Love Song
 * Min threads: 0, max threads: 4
 * Listening on tcp://127.0.0.1:3001
 .

 Finished in 2.85 seconds (files took 2.33 seconds to load)
 1 example, 0 failures
diff --git a/2_cd_into_new_app.sh b/2_cd_into_new_app.sh
 > cd my-great-new-app/
diff --git a/30_startup_rails_server_and_angular_server.sh b/30_startup_rails_server_and_angular_server.sh
 # For Rails in one terminal
 bundle exec rails s

 # For Angular in another terminal
 cd frontend/ && ng serve
diff --git a/31_app.component.html b/31_app.component.html
 <div *ngFor="let message of messages">
  {{message}}
 </div>
diff --git a/32_app.component.ts b/32_app.component.ts
 import { Component, OnInit } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { environment } from '../environments/environment';

 @Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
 })
 export class AppComponent implements OnInit {
  messages = [] as Array<string>;
  title = 'app';

  constructor(private http: HttpClient) {
  }

  ngOnInit() {
    const url = `${environment.apiUrl}/welcome_messages`;
    this.http.get(url).subscribe((messages: Array<string>) => {
      this.messages = messages;
    });
  }
 }
diff --git a/33_angular_compilation_error.sh b/33_angular_compilation_error.sh
 ℹ ｢wdm｣: Compiling...
 92% after chunk asset optimization SourceMapDevToolPlugin vendor.js generate SourceMap
 ERROR in src/app/app.component.ts(18,32): error TS2339: Property 'apiUrl' does not exist on type '{ production: boolean; }'.
diff --git a/34_environment.ts b/34_environment.ts
 export const environment = {
  apiUrl: 'http://localhost:3000',
  production: false
 };
diff --git a/35_angular_compilation_success.sh b/35_angular_compilation_success.sh
 Date: 2018-06-07T20:17:16.619Z - Hash: be71334b50647c17295d - Time: 3502ms
 3 unchanged chunks
 chunk {main} main.js, main.js.map (main) 11.8 kB [initial] [rendered]
 chunk {vendor} vendor.js, vendor.js.map (vendor) 3.38 MB [initial] [rendered]
 ℹ ｢wdm｣: Compiled successfully.
 ℹ ｢wdm｣: Compiling...

 Date: 2018-06-07T20:20:47.242Z - Hash: 8d1c9312895824cdd7ba - Time: 161ms
 4 unchanged chunks
 chunk {main} main.js, main.js.map (main) 11.8 kB [initial] [rendered]
 ℹ ｢wdm｣: Compiled successfully.
diff --git a/36_browser_static_injection_error.txt b/36_browser_static_injection_error.txt
 Error: StaticInjectorError(AppModule)[AppComponent -> HttpClient]:
  StaticInjectorError(Platform: core)[AppComponent -> HttpClient]:
    NullInjectorError: No provider for HttpClient!
    at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:979)
    at resolveToken (core.js:1232)
    at tryResolveToken (core.js:1182)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1077)
    at resolveToken (core.js:1232)
    at tryResolveToken (core.js:1182)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1077)
    at resolveNgModuleDep (core.js:9217)
    at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:9911)
    at resolveDep (core.js:10276)
diff --git a/37_app.module.ts b/37_app.module.ts
 import { HttpClientModule } from '@angular/common/http';
diff --git a/38_app.module.ts b/38_app.module.ts
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { HttpClientModule } from '@angular/common/http';

 import { AppComponent } from './app.component';

 @NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
 })
 export class AppModule { }
diff --git a/39_browser_console_errors.txt b/39_browser_console_errors.txt
 GET http://localhost:3000/welcome_messages 404 (Not Found)

 Failed to load http://localhost:3000/welcome_messages: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access. The response had HTTP status code 404.

 core.js:1598 ERROR HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false, …}
diff --git a/3_first_git_commit.sh b/3_first_git_commit.sh
 > git init . &&
    git add . &&
    git commit -m "Initial creation of the app

      rails new favorite-books --api --skip-test"
diff --git a/40_rails_server_routing_error.txt b/40_rails_server_routing_error.txt
 ActionController::RoutingError (No route matches [GET] "/welcome_messages"):
diff --git a/41_generating_welcome_message.sh b/41_generating_welcome_message.sh
 > bundle exec rails g resource WelcomeMessage message:string
diff --git a/42_db_migrate.sh b/42_db_migrate.sh
 > bundle exec rake db:migrate
diff --git a/43_start_rails_server.sh b/43_start_rails_server.sh
 > bundle exec rails s
diff --git a/44_no_longer_see_error.txt b/44_no_longer_see_error.txt
 ActionController::RoutingError (No route matches [GET] "/welcome_messages"):
diff --git a/45_new_error.txt b/45_new_error.txt
 AbstractController::ActionNotFound (The action 'index' could not be found for WelcomeMessagesController)
diff --git a/45b_welcome_messages_controller.rb b/45b_welcome_messages_controller.rb
 class WelcomeMessagesController < ApplicationController
  def index
    render json: WelcomeMessage.all.map(&:message)
  end
 end
diff --git a/46_adding_welcome_message_in_rails_console.sh b/46_adding_welcome_message_in_rails_console.sh
 > bundle exec rails console
 Running via Spring preloader in process 79286
 Loading development environment (Rails 5.2.0)
 >> WelcomeMessage.create!(message: 'Hallo there!')
 => #<WelcomeMessage id: 1, message: "Hallo there!", created_at: "2018-06-07 15:19:52", updated_at: "2018-06-07 15:19:52">
 >> exit
diff --git a/47_browser_cors_error.txt b/47_browser_cors_error.txt
 Failed to load http://localhost:3000/welcome_messages: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.
diff --git a/48_gemfile_updates.rb b/48_gemfile_updates.rb
 group :development, :test do
  # Call 'byebug' anywhere in the code to stop execution and get a debugger console
  gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
  gem 'rack-cors'
 end
diff --git a/49_bundle.sh b/49_bundle.sh
 > bundle
diff --git a/4_adding_rspec-rails.sh b/4_adding_rspec-rails.sh
 > echo "gem 'rspec-rails', group: :test" >> Gemfile &&
    bundle &&
    bundle exec rails generate rspec:install &&
    git add . &&
    git commit -m "Adding rspec-rails to project
        rails generate rspec:install"
diff --git a/50_config_initializers_cors.rb b/50_config_initializers_cors.rb
 # Be sure to restart your server when you modify this file.

 # Avoid CORS issues when API is called from the frontend app.
 # Handle Cross-Origin Resource Sharing (CORS) in order to accept cross-origin AJAX requests.

 # Read more: https://github.com/cyu/rack-cors

 if Rails.env.development?
  Rails.application.config.middleware.insert_before 0, Rack::Cors do
    allow do
      origins '*'
      resource '*',
        headers: :any,
        methods: [:get, :post, :put, :patch, :delete, :options, :head]
    end
  end
 end
diff --git a/51_start_rails_server.sh b/51_start_rails_server.sh
 > bundle exec rails s
diff --git a/52_add_new_example_to_welcome_spec.rb b/52_add_new_example_to_welcome_spec.rb
 it 'shows a list of welcome messages' do
  WelcomeMessage.create!([
    { message: 'Top of the morning to you' },
    { message: 'Good day' }
  ])

  visit '/'

  expect(page).to have_content('Top of the morning to you')
  expect(page).to have_content('Good day')
 end
diff --git a/53_run_specs.sh b/53_run_specs.sh
 > bundle exec rspec spec/features/welcome_spec.rb:9
 Run options: include {:locations=>{"./spec/features/welcome_spec.rb"=>[9]}}
 Capybara starting Puma...
 * Version 3.11.4 , codename: Love Song
 * Min threads: 0, max threads: 4
 * Listening on tcp://127.0.0.1:3001
 F

 Failures:

  1) Welcome page shows a list of welcome messages
     Failure/Error: expect(page).to have_content('Top of the morning to you')
       expected to find text "Top of the morning to you" in "Welcome to app!\nHere are some links to help you start:\nTour of Heroes\nCLI Documentation\nAngular blog"
     # ./spec/features/welcome_spec.rb:17:in `block (2 levels) in <top (required)>'

 Finished in 12.38 seconds (files took 0.93442 seconds to load)
 1 example, 1 failure

 Failed examples:

 rspec ./spec/features/welcome_spec.rb:9 # Welcome page shows a list of welcome messages
diff --git a/54_run_specs.sh b/54_run_specs.sh
 > bundle exec rspec spec/features/welcome_spec.rb:9
diff --git a/55_rebuild_angular_app.sh b/55_rebuild_angular_app.sh
 > cd frontend &&
    ng build &&
    cd ..
diff --git a/56_run_specs.rb b/56_run_specs.rb
 > bundle exec rspec spec/features/welcome_spec.rb:9
 Run options: include {:locations=>{"./spec/features/welcome_spec.rb"=>[9]}}
 Capybara starting Puma...
 * Version 3.11.4 , codename: Love Song
 * Min threads: 0, max threads: 4
 * Listening on tcp://127.0.0.1:3001
 F

 Failures:

  1) Welcome page shows a list of welcome messages
     Failure/Error: expect(page).to have_content('Top of the morning to you')
       expected to find text "Top of the morning to you" in "Welcome to app!\nHallo there!\nHere are some links to help you start:\nTour of Heroes\nCLI Documentation\nAngular blog"
     # ./spec/features/welcome_spec.rb:18:in `block (2 levels) in <top (required)>'

 Finished in 1 minute 3.06 seconds (files took 1.74 seconds to load)
 1 example, 1 failure

 Failed examples:

 rspec ./spec/features/welcome_spec.rb:9 # Welcome page shows a list of welcome messages
diff --git a/57_rails_server_log.txt b/57_rails_server_log.txt
 Started GET "/welcome_messages" for 127.0.0.1 at 2018-06-07 13:38:24 -0400
 Processing by WelcomeMessagesController#index as HTML
  WelcomeMessage Load (0.2ms)  SELECT "welcome_messages".* FROM "welcome_messages"
  ↳ app/controllers/welcome_messages_controller.rb:3
 Completed 200 OK in 1ms (Views: 0.3ms | ActiveRecord: 0.2ms)
diff --git a/58_angular.json b/58_angular.json
 "configurations": {
  "e2e": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.e2e.ts"
      }
    ],
    "optimization": true,
    "outputHashing": "all",
    "sourceMap": false,
    "extractCss": true,
    "namedChunks": false,
    "aot": true,
    "extractLicenses": true,
    "vendorChunk": false,
    "buildOptimizer": true
  },
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.prod.ts"
      }
    ],
    "optimization": true,
    "outputHashing": "all",
    "sourceMap": false,
    "extractCss": true,
    "namedChunks": false,
    "aot": true,
    "extractLicenses": true,
    "vendorChunk": false,
    "buildOptimizer": true
  }
 }
diff --git a/59_make_environment.e2e.ts.sh b/59_make_environment.e2e.ts.sh
 > cp src/environments/environment.{,e2e.}ts
diff --git a/5_running_specs.sh b/5_running_specs.sh
 > bundle exec rspec spec
 /Users/zdennis/.rbenv/libexec/rbenv exec bundle exec rspec spec
 No examples found.


 Finished in 0.00042 seconds (files took 0.14595 seconds to load)
 0 examples, 0 failures
diff --git a/60_build_angular_app.sh b/60_build_angular_app.sh
 > ng build --configuration e2e
diff --git a/61_run_specs.sh b/61_run_specs.sh
 > bundle exec rspec spec/features/welcome_spec.rb:9
 Run options: include {:locations=>{"./spec/features/welcome_spec.rb"=>[9]}}
 Capybara starting Puma...
 * Version 3.11.4 , codename: Love Song
 * Min threads: 0, max threads: 4
 * Listening on tcp://127.0.0.1:3001
 F

 Failures:

  1) Welcome page shows a list of welcome messages
     Failure/Error: expect(page).to have_content('Top of the morning to you')
       expected to find text "Top of the morning to you" in "Welcome to app!\nHere are some links to help you start:\nTour of Heroes\nCLI Documentation\nAngular blog"
     # ./spec/features/welcome_spec.rb:17:in `block (2 levels) in <top (required)>'

 Finished in 13.97 seconds (files took 0.9674 seconds to load)
 1 example, 1 failure

 Failed examples:

 rspec ./spec/features/welcome_spec.rb:9 # Welcome page shows a list of welcome messages
diff --git a/61b_cors_conditional_update.rb b/61b_cors_conditional_update.rb
 if Rails.env.development? || Rails.env.test?
diff --git a/62_run_specs.sh b/62_run_specs.sh
 > bundle exec rspec spec/features/welcome_spec.rb:9
 Run options: include {:locations=>{"./spec/features/welcome_spec.rb"=>[9]}}
 Capybara starting Puma...
 * Version 3.11.4 , codename: Love Song
 * Min threads: 0, max threads: 4
 * Listening on tcp://127.0.0.1:3001
 .

 Finished in 2.85 seconds (files took 1.01 seconds to load)
 1 example, 0 failures
diff --git a/63_run_specs.sh b/63_run_specs.sh
 > bundle exec rspec spec/features/welcome_spec.rb
 Capybara starting Puma...
 * Version 3.11.4 , codename: Love Song
 * Min threads: 0, max threads: 4
 * Listening on tcp://127.0.0.1:3001
 ..

 Finished in 2.33 seconds (files took 0.92025 seconds to load)
 2 examples, 0 failures
diff --git a/6_installing_angular-cli.sh b/6_installing_angular-cli.sh
 > npm install -g @angular/[email protected]
diff --git a/7_creating_angular_app.sh b/7_creating_angular_app.sh
 > ng new frontend
 [output suppressed]
diff --git a/7b_unknown_option_silent.txt b/7b_unknown_option_silent.txt
 error: unknown option `--silent'

 Package install failed, see above.
diff --git a/8_updating_yarn.sh b/8_updating_yarn.sh
 > npm install -g yarn
diff --git a/9_installing_npm_dependencies.sh b/9_installing_npm_dependencies.sh
 > cd frontend &&
    npm install &&
    ng serve --open
	> gem install -r rails -v 5.2.0
	Successfully installed rails-5.2.0
	1 gem installed
	> git add . &&
	git commit -m "Generating the Angular app

	ng new frontend
	cd frontend
	npm install
	ng serve --open"
	require 'rails_helper'

	describe 'Welcome page', type: :feature, js: :true do
	it 'loads the Angular app' do
	visit '/'
	expect(page).to have_content('Welcome to app!')
	end
	end
	> bundle exec rspec spec/features/welcome_spec.rb
	/Users/zdennis/.rbenv/libexec/rbenv exec bundle exec rspec spec/features/welcome_spec.rb
	/Users/zdennis/source/playground/my-great-new-app/db/schema.rb doesn't exist yet. Run `rails db:migrate` to create it, then try again. If you do not intend to use a database, you should instead alter /Users/zdennis/source/playground/my-great-new-app/config/application.rb to limit the frameworks that will be loaded.
	F

	Failures:

	1) Welcome page loads the Angular app
	Failure/Error: visit '/'

	RuntimeError:
	Capybara not loaded, please add it to your Gemfile:

	gem "capybara"
	# ./spec/features/welcome_spec.rb:5:in `block (2 levels) in <top (required)>'

	Finished in 0.00619 seconds (files took 1.83 seconds to load)
	1 example, 1 failure

	Failed examples:

	rspec ./spec/features/welcome_spec.rb:4 # Welcome page loads the Angular app
	> bundle exec rake db:create:all db:migrate
	Created database 'db/development.sqlite3'
	Database 'db/test.sqlite3' already exists
	Created database 'db/production.sqlite3'
	group :test do
	gem 'capybara'
	gem 'capybara_spa'
	gem 'selenium-webdriver'
	gem 'chromedriver-helper'
	end
	require 'capybara/rails'
	require 'capybara_spa'
	require 'selenium/webdriver'

	# capybara.rb is responsible for configuring Capybara.
	#
	# It sets up two different JS drivers:
	#
	# * :chrome
	# * :headless_chrome
	#
	# It hard codes an assumption that the Rails app runs on port 3001.
	#
	FrontendServer = CapybaraSpa::Server::NgStaticServer.new(
	build_path: File.dirname(__FILE__) + '/../../frontend/dist/frontend',
	http_server_bin_path: File.dirname(__FILE__) + '/../../frontend/node_modules/.bin/angular-http-server',
	# log_file: File.dirname(__FILE__) + '/../../log/angular-process.log',
	pid_file: File.dirname(__FILE__) + '/../../tmp/angular-process.pid'
	)

	RSpec.configure do \|config\|
	config.before(:each) do \|example\|
	if self.class.metadata[:js]
	begin
	FrontendServer.start unless FrontendServer.started?
	rescue CapybaraSpa::Server::Error => ex
	# When an exception is raised it is being swallowed
	# so print it out and forcefully fail so the developer
	# see its.
	STDERR.puts ex.message, ex.backtrace.join("\n")
	exit!
	end
	end
	end
	end

	# This env var comes from the heroku-buildpack-google-chrome
	chrome_bin = ENV.fetch('GOOGLE_CHROME_SHIM', nil)
	# This env var comes from chromedriver_linux, e.g. TravisCI
	chrome_bin \|\|= ENV.fetch('CHROME_BIN', nil)
	chrome_options = {}
	chrome_options[:binary] = chrome_bin if chrome_bin

	# Give us access to browser console logs, see spec/support/browser_logging.rb
	logging_preferences = { browser: 'ALL' }

	Capybara.register_driver :chrome do \|app\|
	capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
	chromeOptions: chrome_options,
	loggingPrefs: logging_preferences
	)

	Capybara::Selenium::Driver.new(
	app,
	browser: :chrome,
	desired_capabilities: capabilities
	)
	end

	Capybara.register_driver :headless_chrome do \|app\|
	capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
	chromeOptions: chrome_options.merge(args: %w(headless disable-gpu)),
	loggingPrefs: logging_preferences
	)

	Capybara::Selenium::Driver.new(
	app,
	browser: :chrome,
	desired_capabilities: capabilities
	)
	end

	Capybara.app_host = "http://localhost:#{FrontendServer.port}"
	Capybara.always_include_port = true
	Capybara.default_max_wait_time = 10
	Capybara.javascript_driver = :chrome
	Capybara.server = :puma
	Capybara.server_port = 3001
	> rails new my-great-new-app --api --skip-test
	[output suppressed]
	Failures:

	1) Welcome page loads the Angular app
	Failure/Error: raise ActionController::RoutingError, "No route matches [#{env['REQUEST_METHOD']}] #{env['PATH_INFO'].inspect}"

	ActionController::RoutingError:
	No route matches [GET] "/"
	> bundle exec rspec spec/features/welcome_spec.rb
	angular-http-server not found! Make sure it's installed via npm:

	To the project:

	npm install --save-dev angular-http-server

	Or globally:

	npm install -g angular-http-server

	[output suppressed]