build: rename cli-hello-world-ivy test to cli-hello-world-ivy-compat (#28372)

There are two ways to bootstrap an Ivy app: with `platformBrowserDynamic().bootstrapModule` and `renderComponent`.

To distinguish between these two approaches we call the `platformBrowserDynamic().bootstrapModule` way `ivy-compat` and the `renderComponent` way just `ivy`.

PR Close #28372

integration/cli-hello-world-ivy-compat/e2e/src/app.e2e-spec.ts

@@ -0,0 +1,19 @@
+import { AppPage } from './app.po';
+
+describe('cli-hello-world-ivy App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('Welcome to cli-hello-world-ivy-compat!');
+  });
+
+  it('the percent pipe should work', () => {
+    page.navigateTo();
+    expect(page.getPipeContent()).toEqual('100 % awesome');
+  })
+});

integration/cli-hello-world-ivy-compat/e2e/src/app.po.ts

@@ -0,0 +1,15 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get('/');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+
+  getPipeContent() {
+    return element(by.css('app-root p')).getText();
+  }
+}