Merge pull request #40 from oslabs-beta/staging

Merging PR #39 from Staging to Main

Author: taoantaoan

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "Spearmint",
-  "version": "2.0.0",
-  "description": "Spearmint",
+  "name": "spearmint",
+  "version": "0.5.0",
+  "description": "An open-source developer tool that simplifies testing and hopes to help increase awareness about web accessibility.",
   "author": "spearmintjs",
   "build": {
     "appId": "com.spearmint",
@@ -43,16 +43,16 @@
     "wait-on": "^3.3.0"
   },
   "scripts": {
-    "react-start": "react-scripts start",
-    "react-build": "NODE_ENV=production react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "test:e2e": "./node_modules/mocha/bin/mocha src/__tests__/spec.e2e.js",
     "test:integra": "mocha src/__tests__/spec.integra.js",
     "test:watch": "jest --watch",
+    "react-start": "react-scripts start",
     "react-eject": "react-scripts eject",
+    "build": "NODE_ENV=production npm run react-build && npm run electron-build",
+    "react-build": "NODE_ENV=production react-scripts build",
     "electron-build": "NODE_ENV=production electron-builder -mwl",
     "release": "npm run react-build && electron-builder --publish=always",
-    "build": "NODE_ENV=production npm run react-build && npm run electron-build",
     "start-windows": "SET NODE_ENV=development concurrently \"cross-env BROWSER=none npm run react-start\" \"wait-on http://localhost:3000 && electron .\"",
     "start": "NODE_ENV=development concurrently \"cross-env BROWSER=none npm run react-start\" \"wait-on http://localhost:3000 && electron .\""
   },

src/assets/images/spearmintHomepage.png

@@ -20,8 +20,6 @@ export const actionTypes = {
   UPDATE_FILE_PATH: 'UPDATE_FILE_PATH',
   UPDATE_TEST_TYPE: 'UPDATE_TEST_TYPE',
   CREATE_PUPPETEER_URL: 'CREATE_PUPPETEER_URL',
-
-  TOGGLE_ACC: 'TOGGLE_ACC',
 };
 
 /* --------------------------------- Actions -------------------------------- */

src/components/TestCase/AccTestStatements.tsx

@@ -5,6 +5,7 @@ import { Action } from '../../utils/endpointTypes';
 
 const image1 = require('../../assets/images/newReact.png');
 const image2 = require('../../assets/images/testfile.png');
+const image3 = require('../../assets/images/spearmintHomepage.png');
 
 const About = ({ dispatch: dispatchToGlobal }: { dispatch: (action: Action) => void }) => {
   const handleChangeBack = () => {
@@ -17,11 +18,11 @@ const About = ({ dispatch: dispatchToGlobal }: { dispatch: (action: Action) => v
         <p>
           <img
             src='https://camo.githubusercontent.com/041cc375aaaec3fac464f67eb7e154f738485d47/68747470733a2f2f6c68352e676f6f676c6575736572636f6e74656e742e636f6d2f35477232645a58484a646d49694153735077397075742d366d52323065346731674f6b2d6166346b725245614a374e716b5a6e71584c44355167696f74664e48596847526833383748537164686a52777864774f76517a67394368686649725a7a30466478567536676b744274472d7379314d583658713336476d727a755f36475f4b374c44515a'
-            alt=''
+            alt='spearmint logo'
           />
         </p>
         <p>
-          Spearmint helps developers easily create functional React/Redux/Endpoint/Paint Timing
+          Spearmint helps developers easily create functional React/Redux/Endpoint/Paint Timing/Accessibility
           tests without writing any code. It dynamically converts user inputs into executable Jest
           test code by using DOM query selectors provided by @testing-library.
         </p>
@@ -61,8 +62,8 @@ const About = ({ dispatch: dispatchToGlobal }: { dispatch: (action: Action) => v
         <pre>
           <code>npm i -D jest puppeteer</code>
         </pre>
-        
-     
+
+
         <p>
           To run Accessibility tests generated by spearmint on HTML, install the following in your dev dependencies.
         </p>
@@ -94,8 +95,8 @@ const About = ({ dispatch: dispatchToGlobal }: { dispatch: (action: Action) => v
         </ol>
         <p>
           <img
-            src='https://camo.githubusercontent.com/d3df988babfaac9eb93864d7d727d3e616f8bb22/68747470733a2f2f6c68342e676f6f676c6575736572636f6e74656e742e636f6d2f434146706f656652555578674e6f737564517563376761625352654669495f70755a5f57546a727a55537a423670674f5564513162616246326d784a716c326c433854512d6a6a564c4f674735516b6138535566463266692d7532483978535037725a5f305564706a2d49534650415930323855594b49555a63674f41706e6970565a7745377868'
-            alt=''
+            src={image3}
+            alt="Spearmint electron app's homepage"
           />
         </p>
         <ol start={2}>
@@ -107,7 +108,7 @@ const About = ({ dispatch: dispatchToGlobal }: { dispatch: (action: Action) => v
           </li>
         </ol>
         <p>
-          <img src={image1} alt='' />
+          <img src={image1} alt='React test generation page' />
         </p>
         <ol start={3}>
           <li>
@@ -126,12 +127,12 @@ const About = ({ dispatch: dispatchToGlobal }: { dispatch: (action: Action) => v
           </li>
         </ol>
         <p>
-          <img src={image2} alt='' />
+          <img src={image2} alt='Puppeteer test generation page' />
         </p>
         <h2>The Spearmint Team</h2>
         <blockquote>
           <p>
-            Alfred <a href='https://github.com/astaiglesia'>@staiglesia</a>  ·  Annie{' '}
+            Alfred <a href='https://github.com/astaiglesia'>@astaiglesia</a>  ·  Annie{' '}
             <a href='https://github.com/annieshinn'>@annieshinn</a>  ·  Gabriel{' '}
             <a href='https://github.com/bielchristo'>@bielchristo</a>  ·  Sharon{' '}
             <a href='https://github.com/sharon-zhu'>@sharon-zhu</a>  ·  Tolan{' '}