Update graphql user schema and create request adapter to post graphql queries from react to graphql server

.gitignore

@@ -1,2 +1,2 @@
 node_modules/
-public/bin/
+public/bin/

app/input/user_input.js

@@ -8,6 +8,7 @@ export default new GraphQLInputObjectType({
   name: 'UserInput',
   fields: {
     _id: {type: GraphQLID},
-    name: {type: GraphQLString}
+    username: {type: GraphQLString},
+    password: {type: GraphQLString}
   }
 });

app/model/user_model.js

@@ -1,8 +1,11 @@
 import mongoose from 'mongoose';
 
 var userSchema = new mongoose.Schema({
-  name: {
+  username: {
     type: String
+  },
+  password: {
+  	type: String
   }
 });
 

app/type/user_type.js

@@ -8,7 +8,10 @@ import {
 export default new GraphQLObjectType({
   name: 'User',
   fields: {
-    name: {
+    username: {
+      type: GraphQLString
+    },
+    password: {
       type: GraphQLString
     },
     _id: {

public/adapters/request_adapter.js

@@ -1,8 +1,15 @@
 class RequestAdapter {
-  constructor(url) {
-  }
-
-  send(data) {
+  static send(payload, callback) {
+	let request = new XMLHttpRequest();
+	request.open("POST", "/graphql", true);
+	request.setRequestHeader("Content-Type","application/json");
+	request.setRequestHeader("Accept", "application/json");
+	request.send(payload);
+	request.onreadystatechange = () => {
+		if (request.readyState === 4) {
+			callback(request.responseText);
+		}
+	}
   }
 }
 

public/component/register.js

@@ -10,6 +10,7 @@ import { withStyles } from 'material-ui/styles';
 
 import UserProtocol from "protocols/user_protocol";
 import UserModel from "models/user_model";
+import RequestAdapter from "adapters/request_adapter";
 
 class Register extends React.Component {
 	constructor(props) {
@@ -27,7 +28,12 @@ class Register extends React.Component {
 	}
 
 	register(username, password) {
-		UserProtocol.register(new UserModel({ username: username, password: password }));
+		let payload = new UserModel({ username: username.value , password: password.value }).mutationBuild();
+		let callback = (result) => {
+			console.log(result);
+		};
+
+		RequestAdapter.send(payload, callback);
 	}
 
 	render() {

public/models/user_model.js

@@ -1,15 +1,28 @@
 class UserModel {
-	constructor(element = {}) {
-		this._username = element.username;
-		this._password = element.password;
+	constructor(data) {
+		this.username = data.username;
+		this.password = data.password;
 	}
 
-	get username() {
-		return this._username || ""; 
+	username() {
+		return this.username || ""; 
 	}
 
-	get password() {
-		return this._password || "";
+	password() {
+		return this.password || "";
+	}
+
+	mutationBuild() {
+		return JSON.stringify({
+			query: "mutation {"+
+				"addUser("+
+					"data: { "+
+						"username:"+ '"' + this.username + '"' + "," +
+						"password:"+ '"' + this.password + '"' + 
+					"}" +	
+				")"+
+			"}"
+		});
 	}
 }
 

spec/app/input/user_input_spec.js

@@ -0,0 +1,17 @@
+import UserInput from "app/input/user_input"; 
+
+describe("UserInput", () => {
+	describe(".default", () => {
+		it("return new graphql input object type", () => {
+			expect(UserInput.name).toEqual("UserInput");
+			expect(UserInput._typeConfig.name).toEqual("UserInput");
+			expect(UserInput._typeConfig.fields.hasOwnProperty("_id")).toEqual(true);
+			expect(UserInput._typeConfig.fields.hasOwnProperty("username")).toEqual(true);
+			expect(UserInput._typeConfig.fields.hasOwnProperty("password")).toEqual(true);
+
+			expect(UserInput._typeConfig.fields._id.type.name).toEqual("ID");
+			expect(UserInput._typeConfig.fields.username.type.name).toEqual("String");
+			expect(UserInput._typeConfig.fields.password.type.name).toEqual("String");
+		});
+	});
+});

spec/components/register_spec.js

@@ -2,7 +2,7 @@ import React from "react";
 import { shallow, mount } from "enzyme";
 
 import Register from "components/register";
-import UserProtocol from "protocols/user_protocol";
+import RequestAdapter from "adapters/request_adapter";
 import UserModel from "models/user_model";
 
 describe("<Register />", () => {
@@ -14,30 +14,30 @@ describe("<Register />", () => {
 });
 
 describe("#registerClick", () => {
-  it("should call Register#register when clicked on register button", () => {
-	let component, e, rendered, spy;
+	it("should call Register#register when clicked on register button", () => {
+		let component, e, rendered, spy;
 
-	e = { preventDefault: jasmine.createSpy("preventDefault") }; 
+		e = { preventDefault: jasmine.createSpy("preventDefault") }; 
 
-	spy = spyOn(Register.prototype, "register");
-	rendered = mount(<Register />);	
-	rendered.find('button').simulate('click', 'using prototype');
+		spy = spyOn(Register.prototype, "register");
+		rendered = mount(<Register />);	
+		rendered.find('button').simulate('click', 'using prototype');
 
-	expect(spy).toHaveBeenCalled();
-  });
+		expect(spy).toHaveBeenCalled();
+	});
 });
 
 describe("#register", () => {
-	it("should call UserProtocol#register", () => {
+	it("should call RequestAdapter#send", () => {
 		let stubUserModel, component;
 
 		stubUserModel = new UserModel({ username: "stub-username", password: "stub-password" });
 
-		spyOn(UserProtocol, "register");
+		spyOn(RequestAdapter, "send");
 
 		component = new Register();
 		component.register("stub-username", "stub-password");
 
-		expect(UserProtocol.register).toHaveBeenCalledWith(stubUserModel);
+		expect(RequestAdapter.send).toHaveBeenCalled;
 	});
 });

spec/models/user_model_spec.js

@@ -1,12 +1,6 @@
 import UserModel from "models/user_model"; 
 
 describe("UserModel", () => {
-	describe("#constructor", () => {
-		it("doesn't throw error if argument empty", () => {
-			expect(UserModel.constructor).not.toThrowError();	
-		});
-	});
-
 	describe("#username", () => {
 		it("return username", () => {
 			let model;
@@ -26,4 +20,26 @@ describe("UserModel", () => {
 			expect(model.password).toEqual("stub-password");
 		});
 	});
+
+	describe(".mutationBuild", () => {
+		it("return json of mutation query", () => {
+			let model, expectedResult, stubUsername, stubPassword;
+
+			stubUsername = "stub-username";
+			stubPassword = "stub-password";
+			model = new UserModel({ username: "stub-username", password: "stub-password" }).mutationBuild();
+			expectedResult = JSON.stringify({
+				query: "mutation {"+
+					"addUser("+
+						"data: { "+
+							"username:" + '"' + stubUsername + '"' + "," +
+							"password:" + '"' + stubPassword + '"' + 
+						"}" +	
+					")"+
+				"}"
+			});
+
+			expect(model).toEqual(expectedResult);
+		});
+	});
 });

webpack.resolve.config.js

@@ -15,7 +15,8 @@ webpackResolve = (
       stores: path.resolve(__dirname, "public/stores/"),
       supports: path.resolve(__dirname, "public/supports/"),
       stylesheets: path.resolve(__dirname, "public/stylesheets/"),
-      models: path.resolve(__dirname, "public/models/")
+      models: path.resolve(__dirname, "public/models/"),
+      app: path.resolve(__dirname, "app/")
     }
   }
 );