follows integration tests

Author: bleonard

App/Components/SegmentedControl.js

@@ -16,8 +16,12 @@ var SegmentedControl = React.createClass({
     var out = [];
     for(var i = 0; i < this.props.items.length; i++) {
       var item = this.props.items[i];
+      var testID = null;
+      if (!item.testID && this.props.appendTestId) {
+        testID = 'seg' + item.title + '_' + this.props.appendTestId;
+      }
       out.push(
-        <Segment {...item} key={"item" + i} currentRoute={this.props.currentRoute} />
+        <Segment {...item} key={"item" + i} testID={testID} currentRoute={this.props.currentRoute} />
       );
     };
     return out;
@@ -58,6 +62,7 @@ var Segment = React.createClass({
         <TouchableHighlight
           style={styles.flex}
           underlayColor='#FFFFFF'
+          testID={this.props.testID}
           onPress={this.onSelection}
         >
           <View style={[styles.button, styles.linkButton]}>

App/Mixins/ListHelper.js

@@ -94,7 +94,7 @@ var ListHelper = {
   renderHeader: function() {
     if (!this.props.segment) return null;
     return (
-      <SegmentedControl currentRoute={this.props.currentRoute} {...this.props.segment} />
+      <SegmentedControl currentRoute={this.props.currentRoute} appendTestId={this.getUsername()} {...this.props.segment} />
     );
   },
 

test/helpers/fixtures.js

@@ -19,6 +19,16 @@ var Fixtures = {
     };
   },
 
+  myFollows: function() {
+    return {
+      username: 'tester',
+      follows: [
+        { id: 42, username: "friend" },
+        { id: 2,  username: "follow2" }
+      ]
+    };
+  },
+
   friend: function() {
     return {
       username: 'friend',
@@ -29,6 +39,16 @@ var Fixtures = {
     };
   },
 
+  friendFollows: function() {
+    return {
+      username: 'friend',
+      follows: [
+        { id: 123, username: "tester" },
+        { id: 4,   username: "follow4" }
+      ]
+    };
+  },
+
   error: function(message, status, key, code) {
     return {
       status: (status ? status : 422),

test/integration/follows.test.js

@@ -0,0 +1,92 @@
+import it from '../helpers/appium';
+import server from '../helpers/server';
+import fixtures from '../helpers/fixtures';
+import bootstrap from '../helpers/bootstrap';
+
+describe("Follows", () => {
+  it("should show my follows", function* (driver, done) {
+    server.get("/api/follows/tester", fixtures.myFollows());
+
+    yield bootstrap().login().nav("dashboard/follows").launch(driver);
+    
+    yield driver.elementById('Dashboard');
+    yield driver.elementById('friend');
+    yield driver.elementById('follow2');
+
+    done();
+  });
+
+  it("should show an empty list", function* (driver, done) {
+    server.get("/api/follows/tester", { username: "tester", follows: [] });
+
+    yield bootstrap().login().nav("dashboard/follows").launch(driver);
+
+    yield driver.elementById('Follows');
+    yield driver.elementById('No items');
+
+    done();
+  });
+
+  it("should my friends's follows", function* (driver, done) {
+    server.get("/api/follows/friend", fixtures.friendFollows());
+
+    yield bootstrap().login().nav("dashboard/follows/friend/follows").launch(driver);
+
+    yield driver.elementById('friend');
+    yield driver.elementById('tester');
+    yield driver.elementById('follow4');
+
+    done();
+  });
+
+  it("should navigate follows recursively", function* (driver, done) {
+    server.get("/api/posts/tester", fixtures.home());
+    server.get("/api/posts/friend", fixtures.friend());
+    server.get("/api/posts/follow4", { 
+        username: "follow4", 
+        posts: [ { id: 1000, username: 'follow4', content: 'post1000' }]
+    });
+
+    server.get("/api/follows/friend", fixtures.friendFollows());
+    server.get("/api/follows/tester", fixtures.myFollows());
+    server.get("/api/follows/follow4", { username: "follow4", follows: [ { id: 123, username: 'tester' }] });
+
+    yield bootstrap().login().launch(driver);
+
+    yield driver.elementById("Dashboard");
+    yield driver.elementById("post1");  // my post
+    // yield driver.sleep(90000000);
+    yield driver.elementById("segFollows_tester").click(); // open my follows
+
+    yield driver.elementById('friend').click();  // click on friend
+
+    yield driver.elementById("friend"); // friend's list
+    yield driver.elementById("post4");  // friend's post
+    yield driver.elementById("segFollows_friend").click(); // open friend's follows
+
+    yield driver.elementById('follow4').click();  // click on other
+
+    yield driver.elementById("follow4"); // other's list
+    yield driver.elementById("post100"); // other's post
+    yield driver.elementById("segFollows_follow4").click(); // open other's follows
+
+    yield driver.elementById('tester').click(); // click on me
+
+    // TODO: it should NOT say "Dashboard"    
+    yield driver.elementById("tester"); // my list
+    yield driver.elementById("post1");  // my post
+
+    // Now pop everything
+    yield driver.elementById("back").click(); // back
+    yield driver.elementById("follow4");
+
+    yield driver.elementById("back").click(); // back
+    yield driver.elementById("friend");
+
+    yield driver.elementById("back").click(); // back
+
+    yield driver.elementById("Dashboard");
+
+    done();
+  });
+});