fix(@schematics/angular): implements items type for guard schematics (#15412)

Fixes the type of the items in the `schema.json` for `implements`, as `enum` alone is not picked up by the CLI.
Also migrates the existing e2e test to `async/await` and adds another one with `implements` to avoid regressions.

Author: cexbrayat

packages/schematics/angular/guard/schema.json

@@ -59,7 +59,8 @@
           "CanActivate",
           "CanActivateChild",
           "CanLoad"
-        ]
+        ],
+        "type": "string"
       },
       "default": [
         "CanActivate"

tests/legacy-cli/e2e/tests/generate/guard/guard-basic.ts

@@ -1,19 +1,16 @@
 import {join} from 'path';
 import {ng} from '../../../utils/process';
-import {expectFileToExist} from '../../../utils/fs';
+import {expectFileToExist, expectFileToMatch} from '../../../utils/fs';
 
 
-export default function() {
+export default async function() {
   // Does not create a sub directory.
   const guardDir = join('src', 'app');
 
-  return ng('generate', 'guard', 'test-guard')
-    .then(() => expectFileToExist(guardDir))
-    .then(() => expectFileToExist(join(guardDir, 'test-guard.guard.ts')))
-    .then(() => expectFileToExist(join(guardDir, 'test-guard.guard.spec.ts')));
-
-
-    // Try to run the unit tests.
-    // TODO: Enable once schematic is updated for rxjs 6
-    // .then(() => ng('test', '--watch=false'));
+  await ng('generate', 'guard', 'test-guard');
+  await expectFileToExist(guardDir);
+  await expectFileToExist(join(guardDir, 'test-guard.guard.ts'));
+  await expectFileToMatch(join(guardDir, 'test-guard.guard.ts'), /implements CanActivate/);
+  await expectFileToExist(join(guardDir, 'test-guard.guard.spec.ts'));
+  await ng('test', '--watch=false');
 }

tests/legacy-cli/e2e/tests/generate/guard/guard-implements.ts

@@ -0,0 +1,16 @@
+import {join} from 'path';
+import {ng} from '../../../utils/process';
+import {expectFileToExist,expectFileToMatch} from '../../../utils/fs';
+
+
+export default async function() {
+  // Does not create a sub directory.
+  const guardDir = join('src', 'app');
+
+  await ng('generate', 'guard', 'load', '--implements=CanLoad');
+  await expectFileToExist(guardDir);
+  await expectFileToExist(join(guardDir, 'load.guard.ts'));
+  await expectFileToMatch(join(guardDir, 'load.guard.ts'), /implements CanLoad/);
+  await expectFileToExist(join(guardDir, 'load.guard.spec.ts'));
+  await ng('test', '--watch=false');
+}