Update Closing

micleners · Jan 14, 2020 · fb3e13f · fb3e13f
1 parent 9c5e21c
commit fb3e13f
Show file tree

Hide file tree

Showing 5 changed files with 163 additions and 83 deletions.
diff --git a/assets/auth.example b/assets/auth.example
@@ -12,11 +12,6 @@ function login(secret: string, id: string) {
     }
   }).then(response => {
     const adalToken = response.body.access_token;
-    window.localStorage.setItem(
-      'adal.access.token.keyede' + RESOURCE_ID,
-      adalToken
-    );
-
     window.localStorage.setItem('adal.idtoken', adalToken);
   });
 }

diff --git a/assets/traffic.example b/assets/traffic.example
@@ -3,11 +3,6 @@ beforeEach(() => {
   cy.server({});
 });
 
-const pendingPombTitle = 'No Pending Payment Option Market Basis Results';
-const pendingPombMessage = 'All POMB records for this basis date are Active.';
-const activePombTitle = 'No Active Payment Option Market Basis Results';
-const activePombMessage = 'All POMB records for this basis date are Pending.';
-
 const mockedPendingPombs = [
   { 'POMB object 1' }, ..., { 'POMB object N' }
 ];

diff --git a/presentation/index.js b/presentation/index.js
@@ -214,29 +214,33 @@ export default class Presentation extends React.Component {
           code={require("raw-loader!../assets/auth.example").default}
           ranges={[
             { loc: [0, 22], title: "Auth Flow with Cypress" },
-            { loc: [2, 22], title: "Setup Auth Request" },
+            { loc: [2, 22], title: "Setup Auth Token" },
             {
-              loc: [2, 4],
-              title: "Setup",
-              note:
-                "`cy.login` is a custom built Cypress command to deal with authentication"
+              loc: [2, 12],
+              title: "Setup Auth Token",
+              note: "Request Auth Token"
             },
             {
-              loc: [6, 9],
-              title: "Open Modal",
-              note: "Assert that it's on the DOM"
+              loc: [12, 16],
+              title: "Setup Auth Token",
+              note: "Set Auth Token in Storage"
             },
             {
-              loc: [10, 12],
-              title: "Select in Searchable Dropdown",
-              note:
-                "`cy.contains` allows you to search for element containing text"
+              loc: [18, 29],
+              title: "Get Permission Specific Auth Token",
+              note: "Each authorization level has its own service account."
             },
-            { loc: [13, 16], title: "Do other things" },
             {
-              loc: [17, 19],
-              title: "Finish Flow",
-              note: "Assert that dialog modal is no longer open."
+              loc: [32, 36],
+              title: "Invoke Login @ Start of Test"
+            },
+            {
+              loc: [40, 44],
+              title: "Invoke Login @ Start of Test"
+            },
+            {
+              loc: [48, 52],
+              title: "Invoke Login @ Start of Test"
             }
           ]}
         />
@@ -249,30 +253,20 @@ export default class Presentation extends React.Component {
           textColor="text"
           code={require("raw-loader!../assets/traffic.example").default}
           ranges={[
-            { loc: [0, 2], title: "Cypress Example" },
+            { loc: [0, 4], title: "Mocking API Return Values" },
             {
-              loc: [2, 4],
-              title: "Setup",
+              loc: [5, 12],
+              title: "Mocking API Return Values",
               note:
-                "`cy.login` is a custom built Cypress command to deal with authentication"
-            },
-            {
-              loc: [6, 9],
-              title: "Open Modal",
-              note: "Assert that it's on the DOM"
+                "Mock data for API to return"
             },
             {
-              loc: [10, 12],
-              title: "Select in Searchable Dropdown",
+              loc: [14, 28],
+              title: "Set Up Response from URL",
               note:
-                "`cy.contains` allows you to search for element containing text"
+                "Mocking API Return Values"
             },
-            { loc: [13, 16], title: "Do other things" },
-            {
-              loc: [17, 19],
-              title: "Finish Flow",
-              note: "Assert that dialog modal is no longer open."
-            }
+            { loc: [29, 38], title: "Check DOM for Expected Behavior" }
           ]}
         />
         <Closing />

diff --git a/presentation/slides/Closing.js b/presentation/slides/Closing.js
@@ -33,49 +33,63 @@ export const Closing = () => (
   <Slide transition={["zoom"]} bgColor="dark">
     <H1Norm>Questions or Comments?</H1Norm>
     <List style={{ marginLeft: "200" }} textColor="text">
-      <ListItem caps lineHeight={1} textColor="lightText">
-        The Hedgehogs
-      </ListItem>
-      <Text
-        style={{ marginLeft: "100" }}
-        lineHeight={1.1}
-        textColor="lightText"
-      >
-        [email protected]
-      </Text>
       <br />
-      <ListItem caps lineHeight={1} textColor="lightText">
-        Dan Rocha
-      </ListItem>
-      <Text
-        style={{ marginLeft: "100" }}
-        lineHeight={1.1}
-        textColor="lightText"
-      >
-        [email protected]
-      </Text>
       <br />
-      <ListItem caps lineHeight={1} textColor="lightText">
-        Michael Leners
-      </ListItem>
-      <Text
-        style={{ marginLeft: "100" }}
-        lineHeight={1.1}
-        textColor="lightText"
-      >
-        [email protected]
-      </Text>
+      <Heading size={5} lineHeight={1} textColor="text">
+        cypress-retro.micleners.com
+      </Heading>
       <br />
 
-      <Text
-        lineHeight={1.1}
-        textColor="lightText"
-      >
-        cypress-review.micleners.com
-      </Text>
-      <Text lineHeight={1.1} textColor="lightText">
-        github.com/micleners/cypress-review
-      </Text>
+      <Heading size={5} lineHeight={1} textColor="text">
+        github.com/micleners/cypress-retro
+      </Heading>
     </List>
+
+    <br />
+    <br />
+    <br />
+
+    <FlexRowCenter>
+      <div>
+        <Heading size={4} caps lineHeight={1} textColor="text">
+          Michael Leners
+        </Heading>
+        <Heading size={6} lineHeight={1} textColor="darkText">
+          <div
+            style={{
+              display: "flex",
+              flexDirection: "row",
+              justifyContent: "flex-end"
+            }}
+          >
+            <img
+              src={images.twitter}
+              style={{ marginRight: 15 }}
+              width="50px"
+            />{" "}
+            @micLeners
+          </div>
+        </Heading>
+      </div>
+      <Image src={images.dsmjs} style={{ margin: "0 45px" }} width="100px" />
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "flex-start",
+          alignItems: "flex-start"
+        }}
+      >
+        <Heading
+          size={6}
+          lineHeight={0.3}
+          style={{ margin: "20px 0 0 0" }}
+          textColor="darkText"
+        >
+          Hosted by
+        </Heading>
+        <img src={images.sai} width="500px" />
+      </div>
+    </FlexRowCenter>
   </Slide>
 );
diff --git a/presentation/slides/Closing2.js b/presentation/slides/Closing2.js
@@ -0,0 +1,82 @@
+
+import React from "react";
+import {
+  themeColors,
+  H1Norm,
+  H1Col1,
+  H2,
+  FlexRowCenter,
+  ListItemIndent
+} from "../helpers";
+import "../styles.css";
+import {
+  BlockQuote,
+  Cite,
+  Deck,
+  Heading,
+  Image,
+  List,
+  ListItem,
+  Notes,
+  Quote,
+  Slide,
+  Text,
+  Link
+} from "spectacle";
+
+const images = {
+  sai: require("../../assets/sai.png").default,
+  dsmjs: require("../../assets/dsmjs.png").default,
+  twitter: require("../../assets/twitter.png").default
+};
+
+export const Closing = () => (
+  <Slide transition={["zoom"]} bgColor="dark">
+    <H1Norm>Questions or Comments?</H1Norm>
+    <List style={{ marginLeft: "200" }} textColor="text">
+      <ListItem caps lineHeight={1} textColor="lightText">
+        The Hedgehogs
+      </ListItem>
+      <Text
+        style={{ marginLeft: "100" }}
+        lineHeight={1.1}
+        textColor="lightText"
+      >
+        [email protected]
+      </Text>
+      <br />
+      <ListItem caps lineHeight={1} textColor="lightText">
+        Dan Rocha
+      </ListItem>
+      <Text
+        style={{ marginLeft: "100" }}
+        lineHeight={1.1}
+        textColor="lightText"
+      >
+        [email protected]
+      </Text>
+      <br />
+      <ListItem caps lineHeight={1} textColor="lightText">
+        Michael Leners
+      </ListItem>
+      <Text
+        style={{ marginLeft: "100" }}
+        lineHeight={1.1}
+        textColor="lightText"
+      >
+        [email protected]
+      </Text>
+      <br />
+
+      <Text
+        lineHeight={1.1}
+        textColor="lightText"
+      >
+        cypress-review.micleners.com
+      </Text>
+      <Text lineHeight={1.1} textColor="lightText">
+        github.com/micleners/cypress-review
+      </Text>
+    </List>
+  </Slide>
+);