Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/14nrv/jest-vue-matcher

Additional jest matchers for vue
https://github.com/14nrv/jest-vue-matcher

jest jest-matchers vue vue-test vue-test-utils vue-testing-tools vuejs wallaby

Last synced: 26 days ago
JSON representation

Additional jest matchers for vue

Host: GitHub
URL: https://github.com/14nrv/jest-vue-matcher
Owner: 14nrv
License: mit
Created: 2018-10-19T13:13:00.000Z (over 5 years ago)
Default Branch: dev
Last Pushed: 2020-10-25T02:41:13.000Z (over 3 years ago)
Last Synced: 2024-01-28T22:20:48.187Z (4 months ago)
Topics: jest, jest-matchers, vue, vue-test, vue-test-utils, vue-testing-tools, vuejs, wallaby
Language: JavaScript
Size: 388 KB
Stars: 8
Watchers: 2
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Lists

awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Dev Tools / Test)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Dev Tools / Test)
awesome-vue - jest-vue-matcher ★3 - Additional jest matchers for vue (Dev Tools / Test)
awesome-vue - jest-vue-matcher - Additional jest matchers for vue (Components & Libraries / Dev Tools)

README

        [![NPM Version](https://img.shields.io/npm/v/jest-vue-matcher.svg)](https://www.npmjs.com/package/jest-vue-matcher)

[![Build Status](https://travis-ci.org/14nrv/jest-vue-matcher.svg?branch=dev)](https://travis-ci.org/14nrv/jest-vue-matcher)

[![Test Coverage](https://api.codeclimate.com/v1/badges/c384581e3c664076d319/test_coverage)](https://codeclimate.com/github/14nrv/jest-vue-matcher/test_coverage)

[![Maintainability](https://api.codeclimate.com/v1/badges/c384581e3c664076d319/maintainability)](https://codeclimate.com/github/14nrv/jest-vue-matcher/maintainability)

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)

# jest-vue-matcher

Additional jest matchers for vue

## Install

```

yarn add jest-vue-matcher -D

```

## Setup

```js

import { mount } from '@vue/test-utils'

import matchers from 'jest-vue-matcher'

import MyComponent from '@/components/MyComponent.vue'

let wrapper

describe('MyComponent', () => {

  beforeEach(() => {

    wrapper = mount(MyComponent)

    expect.extend(matchers(wrapper))

  })

  // ...

})

```

## Matchers available

* toHaveText(text)

  ```js

  expect('h1').toHaveText('My title')

  expect('h1').not.toHaveText('Not my title')

  ```

* toBeADomElement()

  ```js

  expect('h1').toBeADomElement()

  expect('notH1').not.toBeADomElement()

  ```

* toHaveClass(className)

  ```js

  expect('h1').toHaveClass('title')

  expect('h1').not.toHaveClass('not-title')

  ```

* toHaveAttribute(attributeName, attributeValue)

  ```js

  expect('h1').toHaveAttribute('class', 'title')

  expect('h1').not.toHaveAClass('class', 'not-title')

  ```

* toHaveValue(value)

  ```js

  expect('input[type=text]').toHaveValue('plop')

  expect('input[type=text]').not.toHaveValue('not plop')

  ```

* toHaveProp(propName)

  ```js

  expect(wrapper).toHaveProp('propName')

  expect(wrapper).not.toHaveProp('not-propName')

  ```

* toEmit(eventName)

  ```js

  expect(wrapper).toEmit('eventName')

  expect(wrapper).not.toEmit('not eventName')

  ```

* toEmitWith(eventName, eventValue)

  ```js

  expect(wrapper).toEmitWith('eventName', 'eventValue')

  expect(wrapper).not.toEmitWith('not eventName', { data: 'eventValue' })

  ```

## Inspiration

Inspirated by [mwangaben-vthelpers](https://github.com/mwangaben/mwangaben-vthelpers)