describe('Mailto', () => {
  it('screenshot', () => {
    cy.visit('/'); // localhost:3000
    cy.get('#to').type('me');
    cy.get('#subject').type('Date night');
    cy.get('#body').type('Have plans?');
    cy.get('#output').should(
      'have.text',
      'mailto:me?subject=Date%20night&body=Have%20plans%3F',
    );
    cy.get('#mailto').screenshot('mailto');
  });
});

describe('Mailto', () => {
  it('screenshot', () => {
    cy.visit('/'); // localhost:3000
    cy.get('#to').type('me');
    cy.get('#subject').type('Date night');
    cy.get('#body').type('Have plans?');
    cy.get('#output').should(
      'have.text',
      'mailto:me?subject=Date%20night&body=Have%20plans%3F',
    );
    cy.get('#mailto').screenshot('mailto');
  });
});

$ npm i -D cypress-book
+ cypress-book@1.5.0

name: ci
on: push
jobs:
  test:
    runs-on: ubuntu-latest
    env:
      DEBUG: cypress-book
    steps:
      - name: Checkout 🛎
        uses: actions/checkout@v2

      # use https://github.com/cypress-io/github-action
      - name: Run tests 🧪
        uses: cypress-io/github-action@v2
        with:
          start: npm run dev

      - name: Copy social image
        run: |
          npx copy-image \
          -s cypress/screenshots/spec.js/mailto.png \
          -o media/demo.png

      # now let's see any changed files
      - name: See changed files 👀
        run: git status

      - name: Commit any changed files 💾
        uses: stefanzweifel/git-auto-commit-action@v4
        with:
          commit_message: Updated screenshots
          file_pattern: '*.png'

name: badges
on:
  push:
    # update README badge only if the README file changes
    # or if the package.json file changes, or this file changes
    branches:
      - master
    paths:
      - README.md
      - package.json
      - .github/workflows/badges.yml
  schedule:
    # update badges every night
    # because we have a few badges that are linked
    # to the external repositories
    - cron: '0 3 * * *'

jobs:
  badges:
    name: Badges
    runs-on: ubuntu-20.04
    steps:
      - name: Checkout 🛎
        uses: actions/checkout@v2

      # using https://github.com/bahmutov/dependency-version-badge
      - name: Update version badges 🏷
        run: npx -p dependency-version-badge update-badge cypress

      - name: Commit any changed files 💾
        uses: stefanzweifel/git-auto-commit-action@v4
        with:
          commit_message: Updated badges
          branch: master
          file_pattern: README.md

# mailto ![cypress version](https://img.shields.io/badge/cypress-6.8.0-brightgreen)

![Demo image](./media/demo.png)

<!-- fiddle Mailto screenshot -->
```js
cy.visit('/'); // localhost:3000
cy.get('#to').type('me');
cy.get('#subject').type('Date night');
cy.get('#body').type('Have plans?');
cy.get('#output').should(
  'have.text',
  'mailto:me?subject=Date%20night&body=Have%20plans%3F',
);
cy.get('#mailto').screenshot('mailto');
```
<!-- fiddle-end -->

const mdPreprocessor = require('cypress-markdown-preprocessor');
module.exports = (on) => {
  on('file:preprocessor', mdPreprocessor);
};