fix(platform-browser-dynamic): Rename CACHED_TEMPLATE_PROVIDER to RESOURCE_CACHE_PROVIDER (#10866)

* fix(platform-browser-dynamic): Rename CACHED_TEMPLATE_PROVIDER to RESOURCE_CACHE_PROVIDER

Closes #9741

BREAKING CHANGE:

`CACHED_TEMPLATE_PROVIDER` is now renamed to `RESOURCE_CACHE_PROVIDER`

Before:

```js
import {CACHED_TEMPLATE_PROVIDER} from '@angular/platform-browser-dynamic';
```

After:

```js
import {RESOURCE_CACHE_PROVIDER} from '@angular/platform-browser-dynamic';
```

* Rename XHR -> ResourceLoader

modules/@angular/platform-browser-dynamic/test/resource_loader/resource_loader_cache_setter.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+export function setTemplateCache(cache: any /** TODO #9100 */): void {
+  (<any>window).$templateCache = cache;
+}

modules/@angular/platform-browser-dynamic/test/resource_loader/resource_loader_cache_spec.ts

@@ -0,0 +1,83 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {ResourceLoader, UrlResolver} from '@angular/compiler';
+import {BaseException, Component} from '@angular/core';
+import {TestBed, fakeAsync, flushMicrotasks, tick} from '@angular/core/testing';
+import {AsyncTestCompleter, TestComponentBuilder, beforeEach, beforeEachProviders, ddescribe, describe, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
+import {expect} from '@angular/platform-browser/testing/matchers';
+
+import {CachedResourceLoader} from '../../src/resource_loader/resource_loader_cache';
+
+import {setTemplateCache} from './resource_loader_cache_setter';
+
+export function main() {
+  describe('CachedResourceLoader', () => {
+    var xhr: CachedResourceLoader;
+
+    function createCachedResourceLoader(): CachedResourceLoader {
+      setTemplateCache({'test.html': '<div>Hello</div>'});
+      return new CachedResourceLoader();
+    }
+    beforeEach(() => {
+      TestBed.configureCompiler({
+        providers: [
+          {provide: UrlResolver, useClass: TestUrlResolver},
+          {provide: ResourceLoader, useFactory: createCachedResourceLoader}
+        ]
+      });
+    });
+
+    it('should throw exception if $templateCache is not found', () => {
+      setTemplateCache(null);
+      expect(() => {
+        xhr = new CachedResourceLoader();
+      }).toThrowError('CachedResourceLoader: Template cache was not found in $templateCache.');
+    });
+
+    it('should resolve the Promise with the cached file content on success',
+       inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
+         setTemplateCache({'test.html': '<div>Hello</div>'});
+         xhr = new CachedResourceLoader();
+         xhr.get('test.html').then((text) => {
+           expect(text).toEqual('<div>Hello</div>');
+           async.done();
+         });
+       }));
+
+    it('should reject the Promise on failure',
+       inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
+         xhr = new CachedResourceLoader();
+         xhr.get('unknown.html')
+             .then((text) => { throw new BaseException('Not expected to succeed.'); })
+             .catch((error) => { async.done(); });
+       }));
+
+    it('should allow fakeAsync Tests to load components with templateUrl synchronously',
+       fakeAsync(inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
+         let fixture = tcb.createFakeAsync(TestComponent);
+
+         // This should initialize the fixture.
+         tick();
+
+         expect(fixture.debugElement.children[0].nativeElement).toHaveText('Hello');
+       })));
+  });
+}
+
+@Component({selector: 'test-cmp', templateUrl: 'test.html'})
+class TestComponent {
+}
+
+class TestUrlResolver extends UrlResolver {
+  resolve(baseUrl: string, url: string): string {
+    // Don't use baseUrl to get the same URL as templateUrl.
+    // This is to remove any difference between Dart and TS tests.
+    return url;
+  }
+}

modules/@angular/platform-browser-dynamic/test/resource_loader/resource_loader_impl_spec.ts

@@ -0,0 +1,44 @@
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+
+import {AsyncTestCompleter, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
+import {ResourceLoaderImpl} from '../../src/resource_loader/resource_loader_impl';
+
+export function main() {
+  describe('ResourceLoaderImpl', () => {
+    var resourceLoader: ResourceLoaderImpl;
+
+    // TODO(juliemr): This file currently won't work with dart unit tests run using
+    // exclusive it or describe (iit or ddescribe). This is because when
+    // pub run test is executed against this specific file the relative paths
+    // will be relative to here, so url200 should look like
+    // static_assets/200.html.
+    // We currently have no way of detecting this.
+    var url200 = '/base/modules/@angular/platform-browser/test/browser/static_assets/200.html';
+    var url404 = '/bad/path/404.html';
+
+    beforeEach(() => { resourceLoader = new ResourceLoaderImpl(); });
+
+    it('should resolve the Promise with the file content on success',
+       inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
+         resourceLoader.get(url200).then((text) => {
+           expect(text.trim()).toEqual('<p>hey</p>');
+           async.done();
+         });
+       }), 10000);
+
+    it('should reject the Promise on failure',
+       inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
+         resourceLoader.get(url404).catch((e) => {
+           expect(e).toEqual(`Failed to load ${url404}`);
+           async.done();
+           return null;
+         });
+       }), 10000);
+  });
+}