jasmine-jquery-matchers
    TypeScript icon, indicating that this package has built-in type declarations

    2.1.0 • Public • Published

    jasmine-jquery-matchers Version

    List of matchers

    • toExist
    • toHaveLength
    • toHaveId
    • toHaveClass
    • toHaveTag
    • toHaveAttr
    • toHaveProp
    • toHaveText
    • toHaveData
    • toHaveValue
    • toHaveCss
    • toBeChecked
    • toBeDisabled
    • toBeEmpty
    • toBeHidden
    • toBeSelected
    • toBeVisible
    • toBeFocused
    • toBeInDom
    • toBeMatchedBy
    • toHaveDescendant
    • toHaveDescendantWithText

    Installation

    Just run:

    $ npm install --save-dev jasmine-jquery-matchers

    Usage

    Load these matchers in a beforeEach block, and then use them like any other matcher:

    expect(this.$el).toHaveText('Hello world!');

    TypeScript

    This package includes the necessary declarations for TypeScript. Just make sure they get loaded in your project, for example by adding the package name to the types field in your tsconfig.json:

    {
      "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "types": [
          "jasmine",
          "jasmine-jquery-matchers"
        ]
      }
    }

    Then just load the matchers at runtime in your tests:

    import * as matchers from 'jasmine-jquery-matchers';
     
    describe('My suite', function () {
      beforeEach(function () {
        jasmine.addMatchers(matchers);
      });
     
      it('passes if the element has the specified class', function () {
        expect($('<div class="some-class"></div>')).toHaveClass('some-class');
      });
    });

    ES2015

    If you are using the new module syntax, import all exported matchers:

    import * as matchers from 'jasmine-jquery-matchers';
     
    describe('My suite', function () {
      beforeEach(function () {
        jasmine.addMatchers(matchers);
      });
     
      it('passes if the element has the specified class', function () {
        expect($('<div class="some-class"></div>')).toHaveClass('some-class');
      });
    });

    Note that jasmine-jquery-matchers does not have a default export!

    AMD/CommonJS

    If you are using AMD or CommonJS, require normally:

    var matchers = require('jasmine-jquery-matchers');
     
    describe('My suite', function () {
      beforeEach(function () {
        jasmine.addMatchers(matchers);
      });
     
      it('passes if the element has the specified class', function () {
        expect($('<div class="some-class"></div>')).toHaveClass('some-class');
      });
    });

    Global

    Otherwise, use window['jasmine-jquery-matchers']:

    var matchers = window['jasmine-jquery-matchers'];
     
    describe('My suite', function () {
      beforeEach(function () {
        jasmine.addMatchers(matchers);
      });
     
      it('passes if the element has the specified class', function () {
        expect($('<div class="some-class"></div>')).toHaveClass('some-class');
      });
    });

    Install

    npm i jasmine-jquery-matchers

    DownloadsWeekly Downloads

    386

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    21.2 kB

    Total Files

    6

    Last publish

    Collaborators

    • unindented