master
 1describe "csx.Views.LoginForm", ->
 2  subject = null
 3
 4  beforeEach ->
 5    fixture.set '''
 6<div data-autoview="login-form">
 7  <form class="form-horizontal" data-autoview="login-form" id="new_user_session" action="/sessions" accept-charset="UTF-8" method="post">
 8    <input name="utf8" type="hidden" value="">
 9    <input type="hidden" name="authenticity_token" value="NUk9vz3sVMzi09PgQrzOTDcJIki2RgCzHgtpFw0ooSha4lgMt/bUsuAk//Wvi7wb/K6qh+pVrDkKr5a5e66QTw==">
10    <div class="form-group">
11      <input type="email" name="session[email]" id="session_email" value="" placeholder="Email" class="form-control" required="required">
12      <div class="invalid-feedback"></div>
13    </div>
14    <div class="form-group">
15      <input type="password" name="session[password]" id="session_password" value="" placeholder="Password" class="form-control" required="required">
16      <div class="invalid-feedback"></div>
17    </div>
18    <p><a href="/passwords/new">Forgot your password?</a></p>
19    <input type="submit" name="commit" value="Sign In" class="btn btn-primary">
20  </form>
21</div>
22'''
23
24    subject = new csx.Views.LoginForm
25      el: $('[data-autoview=login-form]')
26      model: new csx.Models.Session()
27
28  it "disables the submit button when the email is missing", ->
29    subject.$('form').submit()
30
31    expect(subject.$('input[type=submit]').prop('disabled')).toEqual(true)
32    expect(subject.field('email').siblings('.invalid-feedback').html()).toEqual("Email can't be blank")
33
34  it "disables the submit button when the password is missing", ->
35    subject.field('email').val('user@email.com')
36    subject.$('form').submit()
37
38    expect(subject.$('input[type=submit]').prop('disabled')).toEqual(true)
39    expect(subject.field("password").siblings('.invalid-feedback').html()).toEqual("Password can't be blank")
40
41  it "enables the submit button when all required fields are specified", ->
42    subject.field('email').val('user@email.com').change()
43    subject.field('password').val('password').change()
44
45    expect(subject.$('input[type=submit]').prop('disabled')).toEqual(false)
46    expect(subject.field('email').siblings('.invalid-feedback').html()).toEqual('')
47    expect(subject.field('password').siblings('.invalid-feedback').html()).toEqual('')