Cookie authentication about frisby

[grtjn]

It looks like the frisby api changed a bit in the past couple of years. For posterity, I did it just now using:

    return frisby.fetch(loginUrl, {
      method: 'POST',
      body: JSON.stringify({
        username: 'myuser',
        password: 'mypass'
      }),
      credentials: 'same-origin'
    })
       ...
      .then(function(res) {
        return frisby.fetch(statusUrl, {
          method: 'GET',
          headers: {
            cookie: res.headers.get('set-cookie')
          },
          credentials: 'same-origin'
        })
          ...;
      });
  });

[cboden]

From my experience Frisby passes cookies on to subsequent requests automatically.

[jozzhart]

I am able to get my tests to pass if I manually set the header cookie to a value that I generate via the browser.

But I get Unauthorized if I do not manually assign a cookie session value.

[cboden]

Are you nesting your tests?

frisby.create('le Test')
    .post('loginUrl', {user: 'hello', pass: 'world'})
    .after(function() {
        frisby.create('Test private url')
            .get('privateUrl')
            .expectStatus(200)
        .toss()
    })
.toss()

[jozzhart]

Certainly am.

frisby.create('POST Login as admin')
  .post(URL +'api/login', { username: 'xxxxxx', password: 'xxxxxx', eventId: 11})
  .afterJSON(function(response) {

    frisby.create('Get schools')
    .get(URL +'api/schools')
    .expectJSONTypes('*', {
      name: String,
      coordinator: Object,
      principal: Object,
      user: Object
    })
    .toss();
  })
.toss();

[jozzhart]

Just found the .afterJSON also passes the actual NodeJS response object, after the body, i.e. .afterJSON(function(body, res) {}); Looking through that I can see the cookie is being passed back:

headers:
{ 'x-powered-by': 'Express',
  pragma: 'no-cache',
  expires: '0',
  'cache-control': 'no-cache, no-store, must-revalidate',
  'content-type': 'application/json; charset=utf-8',
  'content-length': '275',
  'set-cookie': [ 'connect.sid=s%3Am15drFwJIJtwg1Zw5_s8LMXX.ZLCcnJHHSraMemvbpsmjDjb7N2z9ytdGd27DNsN1XoM; Path=/; HttpOnly' ],
  date: 'Wed, 24 Jul 2013 15:44:41 GMT',
  connection: 'keep-alive' 
},

[vlucas]

You just need to set the header manually when you perform the next request using addHeader. Something like this:

frisby.create('POST Login as admin')
  .post(URL +'api/login', { username: 'xxxxxx', password: 'xxxxxx', eventId: 11})
  .afterJSON(function(response, res) {

    frisby.create('Get schools')
    .get(URL +'api/schools')
    .addHeader('Set-Cookie', res.headers['set-cookie'])
    .expectJSONTypes('*', {
      name: String,
      coordinator: Object,
      principal: Object,
      user: Object
    })
    .toss();
  })
.toss();

[vlucas]

Also note that, in general, APIs should be stateless, so they really shouldn't be setting cookies (most API integrations don't store and re-send cookie headers). If you're using OAuth, you should only have to send an access_token parameter with each subsequent response. It's a bit like a session id, only it doesn't involve headers.

[jozzhart]

Thanks Vlucas & cboden, got it to work using this.

frisby.create('POST Login as admin')
  .post(URL +'api/login', { username: 'xxxxxxxx', password: 'xxxxxxxx', eventId: 11})
  .after(function(body, res) {

    //  Grab returned session cookie
    var cookie = res.headers['set-cookie'][0].split(';')[0];

    frisby.create('Get school details')
    //  Pass session cookie with each request
    .addHeader('Cookie', cookie)
    .get(URL +'api/school')
    .expectJSONTypes({
      name: String,
      coordinator: Object,
      principal: Object,
      user: Object
    })
    .toss();
  })
.toss();

[jozzhart]

I agree Vlucas, a true RESTful api should be stateless, and use OAUTH or similar to manage authentication.

[AoDev]

Just wanted to share my solution if someone else comes here.I had the same problem.
In my case, the cookie sent by the server is a 3 elements array in res.headers['set-cookie'].

So I did the following:

var setCookie = res.headers['set-cookie']
var cookie = ''

if (Array.isArray(setCookie)) {
    for (var i = 0, len = setCookie.length; i < len; i++) {
        cookie += setCookie[i].split(';')[0]
        if (i < len - 1)
            cookie += '; '
    }
}

[mostly-novice]

thank you thank you guys!!

@jozzhart - this line: .addHeader('Cookie', cookie) really helped me out.

[JesusLopezCh]

Really really helpful!

Thanks 💃

[nuno-innoflair]

Exactly what I was looking for! Thx!

[Jjarrard]

same with mostly-novice ".addHeader('Cookie', cookie)" saved my life.

can the get request be used with the .addHeader('xxx', xxx) command?

[vlucas]

@bradleywhit Yes, of course - and it is in the code above.