Skip to content

Latest commit

 

History

History
241 lines (185 loc) · 7.95 KB

README.md

File metadata and controls

241 lines (185 loc) · 7.95 KB

Prompts

Module on top of enquirer with API for testing as well.

circleci-image typescript-image npm-image license-image

This module wraps enquirer and exposes the API to easily test prompts without pulling your hair.

For testing, we make use of Event Emitter instead of executing actual prompts and you can act on those events programmatically.

Please note: Only a subset of prompts are implemented. However, I am open to accept PR's for adding more.

Table of contents

Why use this module?

When using enquirer, there is no simple way to test your code that makes use of prompts, since prompts needs manual intervention. This module ships with a parallel implementation that uses the Event emitter to write tests for prompts. For example:

You want to test a command that asks for the username and password and this is how you may go about writing it.

class MyCommand {
  constructor (prompt) {
    this.prompt = prompt
  }

  async run () {
    const username = await this.prompt.ask('Enter account username', { name: 'username' })
    const password = await this.prompt.ask('Enter account password', { name: 'password' })

    console.log({ username, password })
  }
}

During the tests, you can pass the emitter based prompt instance to your command as shown below:

import { FakePrompt } from '@poppinss/prompts'
const prompt = new FakePrompt()

prompt.on('prompt', (prompt) => {
  if (prompt.name === 'username') {    
    prompt.answer('virk')
  } else {
    prompt.answer('secret-password')
  }
})

const myCommand = new MyCommand(prompt)
await myCommand.run()

It is as simple as that. There is no need to make any code changes, just make use of the FakePrompt class over Prompt.

Installation

Install the package from the npm registry as follows:

npm i @poppinss/prompts

# yarn
yarn add @poppinss/prompts

Usage

import { Prompt } from '@poppinss/prompts'
const prompt = new Prompt()

const username = await prompt.ask('What is your username?')
const password = await prompt.secure('Enter account password')
const client = await prompt.choice('Choose installation client', ['npm', 'yarn'])

During tests, replace Prompt with FakePrompt and everything works as expected. However, do make sure that you listen for the prompt event and answer every prompt, otherwise your tests will hang.

Implemented Prompt types

The following prompt types from enquirer are implemented. The method names exposed by this module are different (my personal preference).

ask(title: string, options?: TextPromptOptions)

Uses the input prompt type. Optionally you can define the following options.

  • default: The default value to be used.
  • name: Name of the prompt. Helpful when you want to answer prompts during testing.
  • format: Format the value before resolving the promise.
  • validate: Validate the value to ensure it is correct.
await prompt.ask('Choose account username', {
  validate (answer) {
    if (!answer || answer.length < 6) {
      return 'Username is required and must be over 6 characters'
    }
    return true
  }
})

secure(title: string, options?: TextPromptOptions)

Uses the password prompt type. You can define the same options as the ask method.

await prompt.secure('Enter account password', {
  validate (answer) {
    if (!answer) {
      return 'Password is required to login'
    }
    return true
  }
})

confirm(title: string, options?: BooleanPromptOptions)

Uses the confirm prompt. The prompt options are same as the ask method.

await prompt.confirm('Want to delete files?')

toggle(title: string, choices: [string, string], options?: TogglePromptOptions)

Use the toggle prompt. The prompt options are same as the ask method.

await prompt.toggle('Want to delete files?', ['Yep', 'Nope'])

choice(title: string, choices: (string | {})[], options?: ChoicePromptOptions)

Uses the select prompt. The prompt options are same as the ask method.

await prompt.choice('Select installation client', ['npm', 'yarn'])

Or pass the choice as an object

await prompt.choice('Select toppings', [
  {
    name: 'Jalapenos',
    hint: 'Marinated in vinegar, will taste sour',
  },
  {
    name: 'Lettuce',
    hint: 'Fresh and leafy',  
  }
])

multiple(title: string, choices: (string | {})[], options?: MultiplePromptOptions)

Uses the multiselect prompt. The prompt options are same as the ask method.

await prompt.multiple('Select base dependencies', [
  '@adonisjs/core',
  '@adonisjs/bodyparser'
])

Or pass the choice as an object

await prompt.multiple('Select base dependencies', [
  {
    name: '@adonisjs/core',
    message: 'Framework core'
  },
  {
    name: '@adonisjs/bodyparser',
    message: 'Bodyparser'
  }
])

autocomplete(title: string, choices: string[], options?: AutoCompletePromptOptions)

Uses the autocomplete prompt.

await prompt.autocomplete('Select country', [
  'India',
  'USA',
  'UK',
  'Ireland',
  'Australia',
])

For multi-select, you can pass the multiple property

await prompt.autocomplete('Select country', [
  'India',
  'USA',
  'UK',
  'Ireland',
  'Australia',
], {
  multiple: true,
})

enum(title: string, options?: EnumPromptOptions)

Similar to the ask prompt, but allows comma (,) separated values. Uses the list prompt.

await prompt.enum('Define tags', {
  hint: 'Accepts comma separated values'
})