Nuxt アプリケーションへの CircleCI による自動テスト

Image from Gyazo

GitHub: potato4d/nuxt-beginners-guide/tree/master/packages/nuxt-auto-testing-with-circleci

Nuxt + Jest で構築したテスト環境を自動で実行するためのサンプルとなります。この例のサンプルをそのまま使うことによって、開発中のアプリケーションへと簡単に CI を導入することができます。

その際、もし CircleCI を利用の場合は、 .circle/config.yml に以下を設定すると良いでしょう。

version: 2
jobs:
  build:
    docker:
      - image: circleci/node:8.9
    working_directory: ~/app
    steps:
      - checkout
      - restore_cache:
          keys:
            - v1-dependencies-{{ checksum "package.json" }}
      - run: yarn
      - save_cache:
          paths:
            - node_modules
          key: v1-dependencies-{{ checksum "package.json" }}
      - run: yarn test
      - run: yarn build

より深く学ぶには……

CircleCI を利用した自動テスト環境などについて、より深く知りたい場合は、筆者の運営する JSLounge Archives にて公開されている「ESLint + CircleCI ハンズオン」の資料が参考になります。

あわせて「Vue + Jest ハンズオン」の資料も入手しておくと、テストについてより深く理解できるはずです。

外部リンク