webdriverio client

README.md

@@ -1,7 +1,5 @@
 <p align="center">
-  <a href="#">
-    <img alt="reflow logo" src="https://github.com/Bamieh/reflow/raw/master/reflow.png" width="230" height="80" />
-  </a>
+  <img alt="reflow logo" src="https://github.com/Bamieh/reflow/raw/master/reflow.png" width="230" height="80" />
 </p>
 
 <p align="center">
@@ -29,6 +27,14 @@ $ npm install
 $ npm run lerna:bootstrap
 ```
 
+### Reflow Architecture
+
+<p align="center">
+  <a href="#reflow-architecture">
+    <img alt="reflow architecture" src="https://github.com/Bamieh/reflow/raw/master/reflow_arch.png" />
+  </a>
+</p>
+
 ### Components
 
 Reflow is made to work at scale. Each individual component of the framework is designed to work in a distributed environment and scale individually.

packages/reflow-client/package.json

@@ -8,7 +8,7 @@
     "prepare": "npm run clean && npm run build",
     "test": "cross-env TS_NODE_FILES=true TS_NODE_PROJECT=./tsconfig.spec.json mocha",
     "test:coverage": "nyc npm run test",
-    "test:watch": "cross-env TS_NODE_PROJECT=./tsconfig.spec.json mocha --watch --reporter=nyan --growl",
+    "test:watch": "cross-env TS_NODE_FILES=true TS_NODE_PROJECT=./tsconfig.spec.json mocha --watch --reporter=nyan --growl",
     "build": "tsc",
     "clean": "rimraf lib",
     "watch": "tsc -w"

packages/reflow-client/src/index.ts

@@ -4,7 +4,7 @@ export
 interface ClientConfig {
   remoteOptions?: webdriverio.RemoteOptions
   // connection: any,
-  // capability: any,
+  // capabilities: webdriverio.RemoteOptions,
   // config: any,
   // customActions: any,
 }
@@ -17,10 +17,12 @@ interface ClientConfig {
 export
 async function createClient(clientConfig: ClientConfig) {
   const {
-    remoteOptions,
+    // remoteOptions,
+    capabilities,
   } = clientConfig;
+  console.log('capabilities::', capabilities)
 
-  const client = webdriverio.remote(remoteOptions);
+  const client = webdriverio.remote(capabilities);
   return client;
   // const {
   //   capability,

packages/reflow-client/test/fixture/caps.json

@@ -0,0 +1,10 @@
+{
+  "desiredCapabilities": {
+    "browserName": "chrome",
+    "platform": "LINUX",
+    "platformName": "LINUX",
+    "seleniumProtocol": "WebDriver",
+    "applicationName": "TheShip Debug",
+    "version": "66.0.3359.117"
+  }
+}

packages/reflow-client/test/index.spec.ts

@@ -1,15 +1,21 @@
+/// <reference path="typings/caps.d.ts" />
+import * as capabilities from './fixture/caps.json';
+
 import {
   createClient,
   ClientConfig,
 } from '../src/index';
 
 describe('Reflow|Client', function() {
   let client;
-  it("creates a reflow client", function() {
+  before(function() {
     const clientConfig:ClientConfig = {
-
-    }
+      capabilities,
+    };
     client = createClient(clientConfig);
     console.log('client::', client)
+  })
+  it("sda", function() {
+
   });
 })

packages/reflow-client/test/setup.ts

@@ -1,4 +1,5 @@
 /// <reference path="typings/globals.d.ts" />
+
 import * as chai from 'chai';
 import * as sinon from 'sinon'
 import * as sinonChai from 'sinon-chai'

packages/reflow-client/test/typings/caps.d.ts

@@ -0,0 +1,4 @@
+declare module "*.json" {
+  const value: any;
+  export default value;
+}

packages/reflow-client/typings/webdriverio.d.ts

@@ -3,7 +3,31 @@ declare module "webdriverio" {
   function remote(params?: RemoteOptions, remoteModifier?: any): any;
 
   export
-  interface RemoteOptions {
+  interface DesiredCapabilities {
+  }
 
+  export
+  interface RemoteOptions {
+    desiredCapabilities: DesiredCapabilities,
+    logLevel?: any,
+    logOutput?: any,
+    protocol?: any,
+    host?: any,
+    port?: any,
+    path?: any,
+    agent?: any,
+    proxy?: any,
+    baseUrl?: any,
+    connectionRetryTimeout?: any,
+    connectionRetryCount?: any,
+    coloredLogs?: any,
+    deprecationWarnings?: any,
+    bail?: any,
+    screenshotPath?: any,
+    screenshotOnReject?: any,
+    waitforTimeout?: any,
+    waitforInterval?: any,
+    queryParams?: any,
+    headers?: any,
   }
 }