スーパーテスト、パスポート、およびJESTを使用してCookie内でjwtを使用して認証をテストする方法

Aug 22 2020

やあみんな私は現在ここに投稿されているものと同様のことをしようとしています：パスポートでスーパーテストリクエストを認証する方法は？

認証を必要とするが、さらにjwtを渡す必要がある他のエンドポイントをテストしたいので。現在、POSTMANとブラウザーでテストしましたが、正常に機能しているようですが、テストケースが壊れ続けています。次のように設定されたログインPOSTルートがあります。

AccountService.js

// Login POST route
  router.post('/account_service/login', (req, res, next) => {
    passport.authenticate('local-login', (err, user, info) => {
      try {
        if (err) {
          const error = new Error('An Error occurred: Cannot find user');
          return next(error);
        } else if (!user) {
          return res.redirect('/account_service/login');
        }
        req.login(user, { session: false }, (error) => {
          if (error) {
            return next(error);
          }
          const email = req.body.email;
          const role = req.user[0].role;
          const id = req.user[0].id;

          const user = {
            email: email,
            role: role,
            id: id
          };
          const accessToken = jwt.sign(user, config.ACCESS_TOKEN_SECRET, {
            expiresIn: 28800 // expires in 8 hours
          });
          const cookie = req.cookies.cookieName;
          if (cookie === undefined) {
            // set a new cookie
            console.log('setting new cookie');
            res.cookie('jwt', accessToken, { maxAge: 900000, httpOnly: true });
            res.send({ token: accessToken });
          } else {
            // cookie was already present
            console.log('cookie exists', cookie);
          }
          res.redirect('/account_service/profile');
        });
      } catch (error) {
        return next(error);
      }
    })(req, res, next);
  });

ユーザーが認証されたら、JSON Webトークンをユーザーに割り当て、Cookieに配置して、承認されたリクエストのヘッダー内に保存されるようにします。次に例を示します。

AccountService.js

// Get all users
  router.get('/account_service/all_users', passport.authenticate('jwt', { session: false }), (req, res, next) => {
    const sql = 'select * from user';
    const params = [];
    db.all(sql, params, (err, rows) => {
      if (err) {
        res.status(500).json({ error: err.message });
        return;
      }
      res.json({
        message: 'success',
        data: rows
      });
    });
  });

passport.authenticateを使用して、jwtが有効であることを確認します。このGETリクエストは、管理者ユーザーアカウントでログインした後にのみ機能します。

パスポートファイル内で、次のように設定しています。

passport.js

const LocalStrategy = require('passport-local').Strategy;
const db = require('../database.js');
const bcrypt = require('bcrypt');
const config = require('../config/config.js');
const JwtStrategy = require('passport-jwt').Strategy;

const cookieExtractor = function (req) {
  var token = null;
  if (req && req.cookies) token = req.cookies.jwt;
  return token;
};

module.exports = function (passport) {
  passport.serializeUser(function (user, done) {
    done(null, user);
  });
  passport.deserializeUser(function (user, done) {
    done(null, user);
  });
  passport.use('local-login', new LocalStrategy({
    usernameField: 'email',
    passwordField: 'password',
    passReqToCallback: true
  }, (req, email, password, done) => {
    try {
      const sql = `select * from user WHERE email = "${email}"`; const params = []; db.all(sql, params, (err, row) => { if (err) { return done(err); } if (!row.length || !bcrypt.compareSync(password, row[0].password)) { return done(null, false, req.flash('loginMessage', 'Inavalid username/password combination. Please try again.')); } return done(null, row); }); } catch (error) { return done(error); } })); const opts = {}; opts.jwtFromRequest = cookieExtractor; // check token in cookie opts.secretOrKey = config.ACCESS_TOKEN_SECRET; // eslint-disable-next-line camelcase passport.use(new JwtStrategy(opts, function (jwtPayload, done) { try { const sql = `select * from user WHERE email = "${jwtPayload.email}"`;
      const params = [];
      db.all(sql, params, (err, row) => {
        if (err) {
          return done(err);
        }
        if (!row.length || !bcrypt.compareSync('admin', jwtPayload.role)) {
          return done(null, false, { message: '403 Forbidden' });
        }
        return done(null, row);
      });
    } catch (error) {
      return done(error);
    }
  }));
};

ここで、テストケースが壊れて混乱します。他のテストケースを実行できるように、テストケースの前にログインしようとしていますが、401エラーが発生します。これが私のテストケースです：

accountservice.test.js

const app = require('../../app');
const supertest = require('supertest');
const http = require('http');

describe('Account Service', () => {
  let server;
  let request;

  beforeAll((done) => {
    server = http.createServer(app);
    server.listen(done);
    request = supertest.agent(server);
    request.post('/account_service/login')
      .send({ email: '[email protected]', password: 'admin' })
      .end(function (err, res) {
        if (err) {
          return done(err);
        }
        console.log(res);
        done();
      });
  });

  afterAll((done) => {
    server.close(done);
  });

  it('Test request all users endpoint | GET request', async done => {
    const response = await request.get('/account_service/all_users');
    expect(response.status).toBe(200);
    expect(response.body.message).toBe('success');
    expect(response.body.data.length).toBe(3);
    done();
  });
});

しかし、200の成功コードを期待しているときに401エラーが発生するため、テストケースは失敗します。

ログイン呼び出し後にCookieからjwtを抽出して、/ account_service / all_users GETリクエストコードのヘッダーを設定できるようにする方法を考えてみましたが、Supertestを使用する方法を見つけることができませんでした。私はこの投稿を見ました：JWTで認証されたルートをテストすると、Mocha + supertest + passportを使用して失敗しますが、本体からトークンを取得することがわかりました。

回答

MichaelGee Aug 25 2020 at 16:52

コードをいじった後、インメモリストレージで問題が発生し、サーバーを実行するたびに呼び出される非同期のdb.run関数を実行することになりました。そのため、ファイルを使用してデータを保存し、テストを再度実行したところ、正常に機能しました。