CI pipeline setup in Remix - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to specify the branch to trigger the CI pipeline.

Remix

on:
  push:
    branches:
      - [1]

Drag options to blanks, or click blank then click option'

Atest

Bbuild

Cmain

Ddeploy

Attempts:

3 left

💡 Hint

Common Mistakes

Using a branch name that does not exist in the repository.

Using a feature branch instead of the main branch.

The main branch is commonly used as the primary branch to trigger CI pipelines.

2fill in blank

medium

Complete the code to run the job on the latest Ubuntu runner.

Remix

jobs:
  build:
    runs-on: [1]

Drag options to blanks, or click blank then click option'

Awindows-latest

Bubuntu-latest

Cdebian-latest

Dmacos-latest

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing a Windows or macOS runner when Linux is preferred.

Using an unsupported runner label.

The ubuntu-latest runner is commonly used for Linux-based CI jobs.

3fill in blank

hard

Fix the error in the step to install dependencies using npm.

Remix

steps:
  - name: Install dependencies
    run: npm [1]

Drag options to blanks, or click blank then click option'

Ainstall

Bbuild

Cstart

Dtest

Attempts:

3 left

💡 Hint

Common Mistakes

Using npm build which is not a valid npm command.

Using npm start which runs the app instead of installing.

The npm install command installs all dependencies listed in package.json.

4fill in blank

hard

Fill both blanks to run tests and then build the Remix app.

Remix

steps:
  - name: Run tests
    run: npm [1]
  - name: Build app
    run: npm [2]

Drag options to blanks, or click blank then click option'

Atest

Bbuild

Cinstall

Dstart

Attempts:

3 left

💡 Hint

Common Mistakes

Running npm start instead of npm run build for building.

Skipping tests before building.

First, tests are run with npm test. Then the app is built with npm run build.

5fill in blank

hard

Fill all three blanks to define a job that checks out code, installs dependencies, and runs tests.

Remix

jobs:
  ci:
    runs-on: [1]
    steps:
      - uses: [2]
      - name: Install dependencies
        run: npm [3]

Drag options to blanks, or click blank then click option'

Aubuntu-latest

Bactions/checkout@v3

Cinstall

Dnode-latest

Attempts:

3 left

💡 Hint

Common Mistakes

Using an incorrect runner label.

Forgetting to checkout the code before installing.

Using wrong npm commands.

The job runs on ubuntu-latest. It checks out code using actions/checkout@v3. Then it installs dependencies with npm install.