Port to PatternFly 4.x

Closes #343

package.json

@@ -47,8 +47,8 @@
     "webpack-cli": "^3.3.5"
   },
   "dependencies": {
-    "@patternfly/patternfly": "2.71.7",
-    "@patternfly/react-core": "3.158.3",
+    "@patternfly/patternfly": "4.23.3",
+    "@patternfly/react-core": "4.32.1",
     "core-js": "3.6.5",
     "react": "16.13.1",
     "react-dom": "16.13.1"

src/app.jsx

@@ -19,7 +19,7 @@
 
 import cockpit from 'cockpit';
 import React from 'react';
-import { Alert, Card, CardHead, CardHeader, CardHeadMain, Title } from '@patternfly/react-core';
+import { Alert, Card, CardTitle, CardBody } from '@patternfly/react-core';
 import './app.scss';
 
 const _ = cockpit.gettext;
@@ -37,17 +37,13 @@ export class Application extends React.Component {
     render() {
         return (
             <Card>
-                <CardHead>
-                    <CardHeadMain>
-                        <Title headingLevel="h2" size="3xl">Starter Kit</Title>
-                    </CardHeadMain>
-                </CardHead>
-                <CardHeader>
+                <CardTitle>Starter Kit</CardTitle>
+                <CardBody>
                     <Alert
-                        variant="default"
+                        variant="info"
                         title={ cockpit.format(_("Running on $0"), this.state.hostname) }
                     />
-                </CardHeader>
+                </CardBody>
             </Card>
         );
     }

test/check-application

@@ -20,16 +20,16 @@ class TestApplication(testlib.MachineCase):
 
         self.login_and_go("/starter-kit")
         # verify expected heading
-        b.wait_text("h2.pf-c-title", "Starter Kit")
+        b.wait_text(".pf-c-card__title", "Starter Kit")
 
         # verify expected host name
         hostname = m.execute("hostname").strip()
-        b.wait_in_text("h4.pf-c-alert__title", "Running on " + hostname)
+        b.wait_in_text(".pf-c-alert__title", "Running on " + hostname)
 
         # change current hostname
         m.execute("echo new-%s > /etc/hostname" % hostname)
         # verify new hostname name
-        b.wait_in_text("h4.pf-c-alert__title", "Running on new-" + hostname)
+        b.wait_in_text(".pf-c-alert__title", "Running on new-" + hostname)
 
         # change language to German
         b.switch_to_top()
@@ -48,7 +48,7 @@ class TestApplication(testlib.MachineCase):
         b.go("/starter-kit")
         b.enter_page("/starter-kit")
         # page label (from js) should be translated
-        b.wait_in_text("h4.pf-c-alert__title", "Läuft auf")
+        b.wait_in_text(".pf-c-alert__title", "Läuft auf")
 
 if __name__ == '__main__':
     testlib.test_main()