npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

cypress-mailosaur

v2.16.0

Published

Extends Cypress' cy commands that let you integrate email and SMS testing into your continuous integration process.

Downloads

430,659

Readme

Mailosaur Cypress Commands

Test email and SMS messages with Cypress

Using Cypress and Mailosaur together you can:

  • Test email, with unlimited test email addresses
  • Test SMS messages
  • Capture emails with your very own fake SMTP servers

What is Mailosaur?

Mailosaur is a service that lets you automate email testing (e.g. email verification, password resets, etc.) and SMS testing (e.g. one-time passwords).

Mailosaur also provides dummy SMTP servers to test with; allowing you to catch email in staging environments - preventing email being sent to customers by mistake.

How do I test email with Cypress?

Follow these steps to start testing email with Cypress:

Step 1 - Installation

Install the Mailosaur commands via npm or yarn:

npm i -D cypress-mailosaur
# or
yarn add -D cypress-mailosaur

Once downloaded, add the following line to cypress/support/e2e.js (or cypress/support/index.js in older versions of Cypress) to import the commands into your Cypress project:

require('cypress-mailosaur');

Step 2 - API Authentication

Mailosaur commands need your Mailosaur API key to work. You can learn about managing API keys here.

Add API key to cypress.config.js

module.exports = defineConfig({
  env: {
    MAILOSAUR_API_KEY: "your-key-here",
  },

  // ...
});

Alternatively, set API key via a system environment variable

To set the environment variable on your machine, it needs to be prefixed with either CYPRESS_ or cypress_.

export CYPRESS_MAILOSAUR_API_KEY=your-key-here

Step 3 - Write your email test

For this example, we'll navigate to a password reset page, request a new password link (sent via email), and get that email.

Create a new test spec:

touch cypress/e2e/password-reset.cy.js

Now edit the file to something like this:

describe('Password reset', () => {
    const serverId = 'abcd1234'
    const serverDomain = 'abcd1234.mailosaur.net'
    const emailAddress = 'password-reset@' + serverDomain

    it('Makes a Password Reset request', () => {
        cy.visit('https://github.com/password_reset')
        cy.title().should('equal', 'Forgot your password?')
        cy.get('#email_field').type(emailAddress)
    })

    it('Gets Password Reset email from Mailosaur', () => {
        cy.mailosaurGetMessage(serverId, {
            sentTo: emailAddress
        }).then(email => {
            expect(email.subject).to.equal('Reset your password');
            passwordResetLink = email.text.links[0].href;
        })
    })

    it('Follows the link from the email', () => {
        const validPassword = 'delighted cheese jolly cloud'

        cy.visit(passwordResetLink)
        cy.title().should('contain', 'Change your password')
        cy.get('#password').type(validPassword)
        cy.get('#password_confirmation').type(validPassword)
        cy.get('form').submit()
    })
})

Step 4 - Write further test cases

You can test pretty much anything with Mailosaur and Cypress, including:

For more information, check out the full Mailosaur docs for the most up-to-date guides and troubleshooting tips.

How do I test SMS with Cypress?

Mailosaur Team, Premium, and Ultimate customers can perform SMS tests with Cypress, whilst Trial account users can just ask support to enable this feature to try it out!

SMS testing works in just the same way as email testing above. However rather than dealing with email addresses, you search using phone numbers instead. For example:

cy.mailosaurGetMessage(serverId, {
    sentTo: '447555111222'
}).then(sms => {
    expect(sms.text.body).to.equal('Your OTP code is: 123456')
})

Development

Install all development dependencies:

cd test/react-app
npm i
cd ../../
npm i

The test suite requires the following environment variables to be set:

export CYPRESS_MAILOSAUR_API_KEY=your_api_key
export CYPRESS_MAILOSAUR_SERVER=server_id

Run all tests:

npm test

Contacting us

You can get us at [email protected]