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 | 3x 1x 2x 1x 1x 2x 2x 2x 2x 1x 1x 1x 1x | //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) { Eif (!(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 |