All files / src jest-extensions.js

100% Statements 34/34
100% Branches 26/26
100% Functions 10/10
100% Lines 34/34

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138                        6x 3x   3x         15x 1x               2x 2x       9x       5x         2x   5x 5x 3x   1x                 2x   1x                       5x 4x 4x 4x 2x   1x                 2x   1x                       10x 10x 10x 10x 10x         5x 5x         5x     5x                     5x              
//eslint-disable-next-line import/no-extraneous-dependencies
import {
  matcherHint,
  printReceived,
  printExpected,
  stringify,
  RECEIVED_COLOR as receivedColor,
  EXPECTED_COLOR as expectedColor,
} from 'jest-matcher-utils'
import {matches} from './utils'
 
function getDisplayName(subject) {
  if (subject && subject.constructor) {
    return subject.constructor.name
  } else {
    return typeof subject
  }
}
 
function checkHtmlElement(htmlElement) {
  if (!(htmlElement instanceof HTMLElement)) {
    throw new Error(
      `The given subject is a ${getDisplayName(
        htmlElement,
      )}, not an HTMLElement`,
    )
  }
}
 
const assertMessage = (assertionName, message, received, expected) =>
  `${matcherHint(`${assertionName}`, 'received', '')} \n${message}: ` +
  `${printExpected(expected)} \nReceived: ${printReceived(received)}`
 
function printAttribute(name, value) {
  return value === undefined ? name : `${name}=${stringify(value)}`
}
 
function getAttributeComment(name, value) {
  return value === undefined
    ? `element.hasAttribute(${stringify(name)})`
    : `element.getAttribute(${stringify(name)}) === ${stringify(value)}`
}
 
const extensions = {
  toBeInTheDOM(received) {
    getDisplayName(received)
    if (received) {
      return {
        message: () =>
          `${matcherHint(
            '.not.toBeInTheDOM',
            'received',
            '',
          )} Expected the element not to be present` +
          `\nReceived : ${printReceived(received)}`,
        pass: true,
      }
    } else {
      return {
        message: () =>
          `${matcherHint(
            '.toBeInTheDOM',
            'received',
            '',
          )} Expected the element to be present` +
          `\nReceived : ${printReceived(received)}`,
        pass: false,
      }
    }
  },
 
  toHaveTextContent(htmlElement, checkWith) {
    checkHtmlElement(htmlElement)
    const textContent = htmlElement.textContent
    const pass = matches(textContent, htmlElement, checkWith)
    if (pass) {
      return {
        message: () =>
          assertMessage(
            '.not.toHaveTextContent',
            'Expected value not equals to',
            htmlElement,
            checkWith,
          ),
        pass: true,
      }
    } else {
      return {
        message: () =>
          assertMessage(
            '.toHaveTextContent',
            'Expected value equals to',
            htmlElement,
            checkWith,
          ),
        pass: false,
      }
    }
  },
 
  toHaveAttribute(htmlElement, name, expectedValue) {
    checkHtmlElement(htmlElement)
    const isExpectedValuePresent = expectedValue !== undefined
    const hasAttribute = htmlElement.hasAttribute(name)
    const receivedValue = htmlElement.getAttribute(name)
    return {
      pass: isExpectedValuePresent
        ? hasAttribute && receivedValue === expectedValue
        : hasAttribute,
      message: () => {
        const to = this.isNot ? 'not to' : 'to'
        const receivedAttribute = receivedColor(
          hasAttribute
            ? printAttribute(name, receivedValue)
            : 'attribute was not found',
        )
        const expectedMsg = `Expected the element ${to} have attribute:\n  ${expectedColor(
          printAttribute(name, expectedValue),
        )}`
        const matcher = matcherHint(
          `${this.isNot ? '.not' : ''}.toHaveAttribute`,
          'element',
          printExpected(name),
          {
            secondArgument: isExpectedValuePresent
              ? printExpected(expectedValue)
              : undefined,
            comment: getAttributeComment(name, expectedValue),
          },
        )
        return `${matcher}\n\n${expectedMsg}\nReceived:\n  ${receivedAttribute}`
      },
    }
  },
}
 
export default extensions