mochaでinput elementを取得してテキストを入力する方法

Question

http://developers.freee.co.jp/entry/lets-get-started-e2e-test-with-webdriver-io
https://bitbucket.org/futoase/sample-web-app-for-webdriver.io
を参考して
以下のようなhtmlに対してloginができるか確認するe2eテストを作ろうとしてます。

<form method="post" action="/auth/form">
          <div class="form-group">
            <label>Username</label>
            <input type="text" class="form-control" name="username" value="" />
          </div>
          <div class="form-group">
            <label>Password</label>
            <input type="password" class="form-control" name="password" />
          </div>
          <button type="submit" class="btn btn-default">Submit</button>
        </form>

var user = browser.element("input[name=username");
user.setValue('root');

このようにすると動くと思いましたが、

wdio repl chrome
browser.element("input[name=username").getText()

すると値に空が入ってます。

というのはelement取得に失敗してるからですか？

やりたいのはformにuser,passwordを入力して
submitボタンを押してログインすることです。

ログインボタンは以下の方法で押せましたが、

browser.element('button').click()

なぜかformの入力が出来てないです。

<input type="text" class="form-control" name="username" value="" />
          </div>

に相当するelementが取得できてない気がしますが、こちら取得できる方法がありましたら教えていただけますか。