fix(cra-template): fix test to be successful (#497)

Author: MarcusNotheis

packages/cra-template/template.json

@@ -4,7 +4,7 @@
       "@ui5/webcomponents": "1.0.0-rc.7",
       "@ui5/webcomponents-fiori": "1.0.0-rc.7",
       "@ui5/webcomponents-icons": "1.0.0-rc.7",
-      "@ui5/webcomponents-react": "^0.9.0",
+      "@ui5/webcomponents-react": "^0.9.4",
       "@testing-library/react": "^9.3.2",
       "@testing-library/jest-dom": "^4.2.4",
       "@testing-library/user-event": "^7.1.2",

packages/cra-template/template/src/App.js

@@ -1,22 +1,30 @@
-import { ThemeProvider } from '@ui5/webcomponents-react/lib/ThemeProvider';
+import {
+  FlexBox,
+  FlexBoxAlignItems,
+  FlexBoxDirection,
+  FlexBoxJustifyContent,
+  Link,
+  LinkDesign,
+  ShellBar,
+  ThemeProvider
+} from '@ui5/webcomponents-react';
 import React from 'react';
 import './App.css';
-import logo from './logo.svg';
 
 function App() {
   return (
     <ThemeProvider>
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <p>
-            Edit <code>src/App.js</code> and save to reload.
-          </p>
-          <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
-            Learn React
-          </a>
-        </header>
-      </div>
+      <ShellBar primaryTitle="UI5 Web Components for React Template" />
+      <FlexBox
+        style={{ width: '100%', height: '100vh' }}
+        direction={FlexBoxDirection.Column}
+        justifyContent={FlexBoxJustifyContent.Center}
+        alignItems={FlexBoxAlignItems.Center}
+      >
+        <Link href="https://sap.github.io/ui5-webcomponents-react/" target="_blank" design={LinkDesign.Emphasized}>
+          Getting Started with UI5 Web Component for React
+        </Link>
+      </FlexBox>
     </ThemeProvider>
   );
 }

packages/cra-template/template/src/App.test.js

@@ -4,6 +4,6 @@ import App from './App';
 
 test('renders learn react link', () => {
   const { getByText } = render(<App />);
-  const linkElement = getByText(/learn react/i);
+  const linkElement = getByText(/Getting Started with UI5 Web Component for React/i);
   expect(linkElement).toBeInTheDocument();
 });