Merge pull request #296 from oslabs-beta/master

Merge Swell v0.8.0 into master

Author: jasonligg

.eslintrc.js

@@ -1,49 +1,3 @@
-// module.exports = {
-// 	"extends" : "airbnb",
-// 	"parser" : "babel-eslint",
-// 	"plugins" : [
-// 		"react",
-// 		"jsx-a11y",
-// 		"import"
-// 	],
-// 	"rules": {
-// 		"react/jsx-filename-extension": 0,
-// 		"no-use-before-define": 0,
-// 		"no-console": 0,
-// 		"func-names": 0,
-// 		"no-undef": 0,
-// 		"no-unused-vars": 0,
-// 		"strict": 0,
-// 		"dot-notation": 0,
-// 		"import/extensions": 0,
-// 		"no-useless-constructor": 0,
-// 		"react/prefer-stateless-function": 0,
-// 		"react/prop-types": 0,
-// 		"react/destructuring-assignment": 0,
-// 		"react/no-array-index-key": 0,
-// 		"react/no-did-update-set-state": 0,
-// 		"no-restricted-syntax": 0,
-// 		"react/forbid-prop-types": 0,
-// 		"react/no-access-state-in-setstate": 0,
-// 		"react/jsx-no-duplicate-props": 0,
-// 		"no-param-reassign": 0,
-// 		"no-unused-expressions": 0,
-// 		"import/no-unresolved": 0,
-// 		"react/no-unused-state": 0,
-// 		"no-shadow": 0,
-// 		"no-return-assign": 0,
-// 		"class-methods-use-this": 0,
-// 		"brace-style": [2, "stroustrup"],
-// 		"react/sort-comp": [2, {
-// 			order: [
-// 				"lifecycle",
-// 				"everything-else",
-// 				"rendering",
-// 			]
-// 		}]
-// 	}
-// };
-
 module.exports = {
   env: {
     es6: true,
@@ -55,33 +9,23 @@ module.exports = {
     "prettier",
     "prettier/@typescript-eslint",
     "prettier/react",
-    // "plugin:@typescript-eslint/eslint-recommended",
-    // "plugin:@typescript-eslint/recommended",
   ],
   globals: {
     Atomics: "readonly",
     SharedArrayBuffer: "readonly",
   },
   parser: "babel-eslint",
-  // parser: "@typescript-eslint/parser",
+
   parserOptions: {
     ecmaVersion: 2020,
     ecmaFeatures: {
       jsx: true,
       classes: true,
     },
   },
-  plugins: [
-    // "@typescript-eslint",
-    "react",
-    "jsx-a11y",
-    "import",
-    "jest",
-    "react-hooks",
-  ],
+  plugins: ["react", "jsx-a11y", "import", "jest", "react-hooks"],
   rules: {
     "arrow-body-style": 0,
-    camelcase: 0,
     "class-methods-use-this": 0,
     "consistent-return": 0,
     "comma-dangle": 0,
@@ -107,7 +51,6 @@ module.exports = {
     "no-underscore-dangle": 0,
     "no-unused-expressions": 0,
     "no-return-assign": 0,
-    quotes: 0,
     "prefer-const": 1,
     "prefer-destructuring": 0,
     "prefer-template": 0,
@@ -131,14 +74,4 @@ module.exports = {
     "spaced-comment": 0,
     strict: 0,
   },
-  // setting: {
-  //   "import/parsers": {
-  //     "@typescript-eslint/parser": [".ts", ".tsx"],
-  //   },
-  //   "import/resolver": {
-  //     typescript: {
-  //       alwaysTryTypes: true,
-  //     },
-  //   },
-  // },
 };

.travis.yml

@@ -1,14 +1,14 @@
 language: node_js
 node_js:
-- 10.16.2
+  - 10.16.2
 addons:
   apt:
     packages:
-    - xvfb
+      - xvfb
 before_install:
-- export DISPLAY=':99.0'
-- Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &
+  - export DISPLAY=':99.0'
+  - Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &
 cache: npm
 env:
   global:
-    secure: LsdBvNbrRfEqUcwF0XW6pLzvAVlC8MFvLj1PpaGX2wrcWuDwLbfPl/KDfZBKoj4/abtM71NcjCRK5zUpeMVVG3o4vIQMxxEw+4SGyxpeo39SdE7NX+WC7sVoVfBkI+bWcjieQL26pgzFDFXZ0hkfhzrealRUvMsjmD7kvkv+mvWbmoQZC4A3MR3McPyj7++1mO9pC/l1sDQlJHxk6nrOA0S3fTdt85arbt1ThAsbDR4WZqvfhQ5Sd95VYyIVI35iWyUxx0Cgy3qTZH183LIu+w3Hgm/mSF9jAS1bXjHlDjeaAS5b3MerduTQztA9E0+mAoN9L5L2XDOdhSX1i1GM83DMKXM5kTnmIjqLecNCTreD/PuoThAm/52F6mDQ+0KIJNNFBLzV4KIJLokV/Y4M0pdoSmVSEpnGFYivQcb7U1+oXB84fT4NnA5nqv/65k7Wv8L7G0VNtJ03z1v8jbENMj+CFN3FQLKG7FgEEEMnNy//YNwPaF1REOiLJ02t02sy3XJHFl6crt6dWtXRxlhUDlMYmPaUNqmFsX/18bsPbuKp/1VID8wodpb88zLgRHwp+CudiZm2LLAgMhFY9/aDOYeGCwreRtN/S+jlxMHCD/U86U/N2l4joqvERIYDvY7UQVNy9AeyCFdqrzwGkgcWjnFA+BPKdIi2TEP5CtOEr2g=
+    - secure: fI10dGRbWPDSZB7CLFbzUqAz6YxYGgXeL2Vls9oESfu6TXtPJ+VQgBnmFqBS5JMeDGaZ1ua4Sx3YqjN3c3mnnA8160plSZ/ULEj7tK09MtW/NPHPzDcIk0wmNPbI2pcc031lcwQLfHhTsjgC1JJII3hZpYYSI0Gf5CbgDQwzRgS2qEAl9LqlQDxfZJUI9hW8GzLhWwDBC+fX5GiSDtu7cK49G0lqGcb78LqVzALsXeC11UuFIDP2neum1gSaYZgnE+83whb5Cf1agsgdeqLxholt0VbxtQS4lt4yyNB3DcM5amktK3vrV7wOAeOfUQ1vQ6vpOsbbbc9uJHLpDV667Pj+gw+N2Em1An5XvLggtGB76W2aXJaerdE42TkrN4JwolHdFPaMC5wuFd1juSfYIV9jlgkleY7kSR6jlBNamfP6VwKtMYjuJHE5FunNKFeGLt/3ygvJlRWCVc89TrFTS4vQL2157ZtOAOPlzvI+4vBAZzGtJkzIml/5/UTouZCbHh+ebEl/EPiqHDWQMNOWo//MMADBd/gQpbNbkdBPB8Z6wl03qmW1VYFROSGG5AkZC+o86aLCgaBFTD2a3ndLlOzzpUiLHtS92JnIu3iGzRZcz/sQkjBPY99C/OZoDaUmYOfmhFlL8VRF5AJ77PAaLDRRguLeZXtU/H1XPQ5Nmyo=

README.md

@@ -1,105 +1,125 @@
 <p align="center"><img src="./src/assets/img/horizontal-logo-lockup.png" style="margin-top: 10px; margin-bottom: -10px;"></p>
 
 #
+
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/open-source-labs/Swell/blob/master/LICENSE.txt)
 [![Build Status](https://travis-ci.org/open-source-labs/Swell.svg?branch=master)](https://travis-ci.org/open-source-labs/Swell)
 ![GitHub package.json version](https://img.shields.io/github/package-json/v/open-source-labs/Swell?color=blue)
 [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/getswell/getswell/issues)
 [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Swell-%20For%20all%20your%20streaming%20API%20testing%20needs&url=https://www.getswell.io&hashtags=SSE,WebSocket,HTTP,API,developers)
 
-
-
-Swell is a API development tool that enables developers to test  endpoints served over streaming technologies including Server-Sent Events (SSE), WebSockets, HTTP2, GraphQL and gRPC.
+Swell is a API development tool that enables developers to test endpoints served over streaming technologies including Server-Sent Events (SSE), WebSockets, HTTP2, GraphQL and gRPC.
 
 ## Getting Started
 
-Visit www.getswell.io to download the latest release. 
+Visit www.getswell.io to download the latest release.
 
 Swell is currently available for OS X, Linux and Windows.
 
 ## Highlights
+
 Swell is a one-stop shop for sending and monitoring your API requests
 
-* Send and monitor streams over HTTP2 / HTTP1 (including SSEs) and WebSockets
-* Create GraphQL queries, introspections, mutations, and subscriptions
-* Provides full streaming testing support for gRPC
-* View response timing information and history in an interactive chart for each request
-* Save workspaces of multiple requests for later access
-* Import and export workspaces for sharing
+- Send and monitor streams over HTTP2 / HTTP1 (including SSEs) and WebSockets
+- Create GraphQL queries, introspections, mutations, and subscriptions
+- Provides full streaming testing support for gRPC
+- View response timing information and history in an interactive chart for each request
+- Save workspaces of multiple requests for later access
+- Import and export workspaces for sharing
+- Compose test suites in JavaScript with Chai-style TDD/BDD assertion syntax
+- Execute a collection of requests in succession and receive clear visual feedback of each test's status
+- Schedule requests on to be sent on a regular time interval to support endpoint functional validation tests
 
 ## Supported Technologies
-* *HTTP2*: Swell supports full HTTP2 multiplexing of requests and responses. HTTP requests to the same host will be sent over the same connection. Swell will attempt to initiate an HTTP2 connection for all HTTPS requests by default, but will revert to HTTP1.1 for legacy servers.  Multiple concurrent streams are allowed for each connection.
-<kbd><img src="./ReadMeGifs/Gifs/ConcurrentStreams.gif"
-     style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
 
-* *Server-Sent Events (SSE)*: Initiated by a simple toggle box, Swell displays SSE events one by one as they come in.  Similar to HTTP2 streams, multiple open connection streams are allowed for SSE.
-<kbd><img src="./ReadMeGifs/Gifs/SSE.gif"
-     style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px;" /></kbd>
+- _HTTP2_: Swell supports full HTTP2 multiplexing of requests and responses. HTTP requests to the same host will be sent over the same connection. Swell will attempt to initiate an HTTP2 connection for all HTTPS requests by default, but will revert to HTTP1.1 for legacy servers. Multiple concurrent streams are allowed for each connection.
+  <kbd><img src="./ReadMeGifs/Gifs/ConcurrentStreams.gif"
+       style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
 
+- _Server-Sent Events (SSE)_: Initiated by a simple toggle box, Swell displays SSE events one by one as they come in. Similar to HTTP2 streams, multiple open connection streams are allowed for SSE.
+  <kbd><img src="./ReadMeGifs/Gifs/SSE.gif"
+       style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px;" /></kbd>
 
-* *WebSocket (WS)*: Swell enables connecting directly to WebSocket servers with an HTTP handshake. Developers can directly send messages to the connected WS server. Messages are displayed in chatbox format, clearly indicating outgoing and incoming messages.
-<kbd><img src="./ReadMeGifs/Gifs/WebSockets.gif"
-     style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
+- _WebSocket (WS)_: Swell enables connecting directly to WebSocket servers with an HTTP handshake. Developers can directly send messages to the connected WS server. Messages are displayed in chatbox format, clearly indicating outgoing and incoming messages.
+  <kbd><img src="./ReadMeGifs/Gifs/WS.gif"
+       style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
 
+- _GraphQL_: Swell includes full support for all three root types of GraphQL - queries, mutations, and subscriptions as well as Introspection - with and without variables. Smart code editor allows for easy query creation.
+  <kbd><img src="./ReadMeGifs/Gifs/GraphQL.gif"
+       style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
 
-* *GraphQL*: Swell includes full support for all three root types of GraphQL - queries, mutations, and subscriptions as well as Introspection - with and without variables.  Smart code editor allows for easy query creation.
-<kbd><img src="./ReadMeGifs/Gifs/GraphQL.gif"
-     style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
-
-
-* *gRPC*: Swell includes full support for all four streaming types of gRPC - unary, client stream, server stream, bidirectional stream.
-<kbd><img src="./ReadMeGifs/Gifs/GRPCResponses.gif"
-     style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
+- _gRPC_: Swell includes full support for all four streaming types of gRPC - unary, client stream, server stream, bidirectional stream.
+  <kbd><img src="./ReadMeGifs/Gifs/GRPCResponses.gif"
+       style="float: left; margin-right: 10px;margin-bottom : 30px; margin-top : 10px;" /></kbd>
 
 ## Additional Features
-* *Workspaces*: Swell allows you to save workspaces for easier testing of multiple requests.
-* *Import/Export Workspaces*: Swell allows you to import and export workspaces, making it easy to share collections with your team.
-<kbd><img src="./ReadMeGifs/Gifs/SavedWorkspaces.gif"
-     style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
+
+- _Scripting in Swell_: Swell allows you to write assertion tests to aid in the test-driven development cycle of backend API services.
+  <kbd><img src="./ReadMeGifs/Gifs/SimpleResponseTest.gif" 
+       style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
+- _Workspaces_: Swell allows you to save workspaces for easier testing of multiple requests.
+- _Import/Export Workspaces_: Swell allows you to import and export workspaces, making it easy to share collections with your team.
+- _Preview_: You can now view a rendered preview of certain API responses (HTML)
+  <kbd><img src="./ReadMeGifs/Gifs/AdditionalFeatures.gif"
+       style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
+- _Collection Runner_: You can also stage requests in the workspace and automate the process of sending off each one. No need to manually press send on each one, instead each request will fire off in the order of staging.
+  <kbd><img src="./ReadMeGifs/Gifs/CollectionTest.gif"
+       style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
+- _Schedule Tests_: You can also automate sending requests to occur on a periodic basis.
+  <kbd><img src="./ReadMeGifs/Gifs/ScheduleTest.gif"
+       style="float: left; margin-right: 10px; margin-bottom : 30px; margin-top : 10px; border: 1px solid black;" /></kbd>
 
 ## Built With
-* Electron
-* React
-* Redux
-* Apollo Client
-* Websockets
-* IndexedDB
-* Chart.js
 
+- Electron
+- React
+- Redux
+- Apollo Client
+- Websockets
+- gRPC-js
+- VM2
+- Chart.js
+- Bulma
+- IndexedDB
+- Chai
+- Mocha
 
 ## Authors
 
-* **Grace Kim** - [gracekiim](https://github.com/gracekiim)
-* **Alex Sanhueza** - [alexsanhueza](https://github.com/alexsanhueza)
-* **Wyatt Bell** - [wcbell51](https://github.com/wcbell51)
-* **John Madrigal** - [johnmadrigal](https://github.com/johnmadrigal)
-* **Michael Miller** - [mjmiguel](https://github.com/mjmiguel)
-* **Hideaki Aomori** - [h15200](https://github.com/h15200)
-* **Matt Gin** - [chinsonhoag](https://github.com/chunsonhoag)
-* **Nick Healy** - [nickhealy](http://github.com/nickhealy)
-* **Grace Spletzer** - [gspletzer](https://github.com/gspletzer)
-* **Stephanie Wood** - [stephwood](https://github.com/stephwood)
-* **Anthony Terruso** - [discrete projects](https://github.com/discrete-projects)
-* **Brandon Marrero** - [brandon6190](https://github.com/brandon6190)
-* **Jason Ou** - [jasonou1994](https://github.com/jasonou1994)
-* **Kyle Combs** - [texpatnyc](https://github.com/texpatnyc)
-* **Kwadwo Asamoah** - [addoasa](https://github.com/addoasa)
-* **Abby Chao** - [abbychao](https://github.com/abbychao)
-* **Amanda Flink** - [aflinky](https://github.com/aflinky)
-* **Kajol Thapa** - [kajolthapa](https://github.com/kajolthapa)
-* **Billy Tran** - [btctrl](https://github.com/btctrl)
-* **Paul Rhee** - [prheee](https://github.com/prheee)
-* **Sam Parsons** - [sam-parsons](https://github.com/sam-parsons)
-* **Nancy Dao** - [nancyddao](https://github.com/nancyddao)
-* **Evan Grobar** - [egrobar](https://github.com/egrobar)
-* **Dan Stein** - [danst3in](https://github.com/danst3in)
-* **Amruth Uppaluri** - [amuuth](https://github.com/amuuth)
-* **Yoon Choi** - [cyoonique](https://github.com/cyoonique)
-* **Nathaniel Adams** - [nathanielBadams](https://github.com/nathanielBadams)
-* **Robin Yoong** - [robinyoong](https://github.com/robinyoong)
-* **Gary Slootskiy** - [garyslootskiy](https://github.com/garyslootskiy)
-* **Sam Haar** - [samhaar](https://github.com/samhaar)
-
+- **Grace Kim** - [gracekiim](https://github.com/gracekiim)
+- **Alex Sanhueza** - [alexsanhueza](https://github.com/alexsanhueza)
+- **Wyatt Bell** - [wcbell51](https://github.com/wcbell51)
+- **John Madrigal** - [johnmadrigal](https://github.com/johnmadrigal)
+- **Michael Miller** - [mjmiguel](https://github.com/mjmiguel)
+- **Hideaki Aomori** - [h15200](https://github.com/h15200)
+- **Matt Gin** - [chinsonhoag](https://github.com/chunsonhoag)
+- **Nick Healy** - [nickhealy](http://github.com/nickhealy)
+- **Grace Spletzer** - [gspletzer](https://github.com/gspletzer)
+- **Stephanie Wood** - [stephwood](https://github.com/stephwood)
+- **Anthony Terruso** - [discrete projects](https://github.com/discrete-projects)
+- **Brandon Marrero** - [brandon6190](https://github.com/brandon6190)
+- **Jason Ou** - [jasonou1994](https://github.com/jasonou1994)
+- **Kyle Combs** - [texpatnyc](https://github.com/texpatnyc)
+- **Kwadwo Asamoah** - [addoasa](https://github.com/addoasa)
+- **Abby Chao** - [abbychao](https://github.com/abbychao)
+- **Amanda Flink** - [aflinky](https://github.com/aflinky)
+- **Kajol Thapa** - [kajolthapa](https://github.com/kajolthapa)
+- **Billy Tran** - [btctrl](https://github.com/btctrl)
+- **Paul Rhee** - [prheee](https://github.com/prheee)
+- **Sam Parsons** - [sam-parsons](https://github.com/sam-parsons)
+- **Nancy Dao** - [nancyddao](https://github.com/nancyddao)
+- **Evan Grobar** - [egrobar](https://github.com/egrobar)
+- **Dan Stein** - [danst3in](https://github.com/danst3in)
+- **Amruth Uppaluri** - [amuuth](https://github.com/amuuth)
+- **Yoon Choi** - [cyoonique](https://github.com/cyoonique)
+- **Nathaniel Adams** - [nathanielBadams](https://github.com/nathanielBadams)
+- **Robin Yoong** - [robinyoong](https://github.com/robinyoong)
+- **Gary Slootskiy** - [garyslootskiy](https://github.com/garyslootskiy)
+- **Sam Haar** - [samhaar](https://github.com/samhaar)
+- **Edward Cho** - [edwardcho1231](https://github.com/edwardcho1231)
+- **Miguel Gonzalez** - [MigGonzalez](https://github.com/MigGonzalez)
+- **Jason Liggayu** - [jasonligg](https://github.com/jasonligg)
+- **Warren Tait** - [whtait](https://github.com/whtait)
 
 ## License
 

ReadMeGifs/Gifs/AdditionalFeatures.gif

@@ -6,8 +6,7 @@ import ProtocolSelect from "../src/client/components/composer/NewRequest/Protoco
 configure({ adapter: new Adapter() });
 
 describe("GraphQL Composer", () => {
-  let state;
-  state = {
+  const state = {
     currentTab: "First Tab",
     reqResArray: [],
     history: [],

ReadMeGifs/Gifs/CollectionTest.gif

@@ -9,11 +9,11 @@ const PROTO_PATH = path.resolve(__dirname, "./protos/hw2.proto");
 const pd = protoLoader.loadSync(PROTO_PATH);
 const loaded = grpc.loadPackageDefinition(pd);
 // store package from proto file
-const hello_proto = loaded.helloworld;
+const helloProto = loaded.helloworld;
 
 function main() {
   // start client and create credentials
-  const client = new hello_proto.Greeter(
+  const client = new helloProto.Greeter(
     "localhost:50051",
     grpc.credentials.createInsecure()
   );