c791da0977
* add isEqualNode function * add test * trying to make integration test work * revert * Update test/unit/is-equal-node.unit.test.js Co-authored-by: Steven <steven@ceriously.com> * Revert "revert" This reverts commit d67b9971068d18efcf839666a3a17619fd914fc3. * Fix tests * Use TS for unit test * Revert waitfor * Start tests with "should" * Fix lint * Use cloneNode() Co-authored-by: Eric Biewener <eric.biewener0@walmart.com> Co-authored-by: Steven <steven@ceriously.com>
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
/**
|
|
* @jest-environment jsdom
|
|
*/
|
|
/* eslint-env jest */
|
|
import { isEqualNode } from 'next/dist/client/head-manager'
|
|
|
|
const createScriptElement = (attrs = {}) => {
|
|
const el = document.createElement('script')
|
|
for (const k in attrs) el.setAttribute(k, attrs[k])
|
|
return el
|
|
}
|
|
|
|
describe('isEqualNode', () => {
|
|
it('should equal itself', () => {
|
|
const el = createScriptElement()
|
|
expect(isEqualNode(el, el)).toBe(true)
|
|
})
|
|
|
|
it('should equal equivalent node that has no nonce', () => {
|
|
const el1 = createScriptElement()
|
|
const el2 = createScriptElement()
|
|
expect(isEqualNode(el1, el2)).toBe(true)
|
|
})
|
|
|
|
it('should equal equivalent node that has same nonce property, even if the original node has no html nonce attribute value', () => {
|
|
const el1 = createScriptElement({ nonce: 'abc123' })
|
|
// Simulate Chrome/FF browser behavior of stripping off nonce value when adding element to the document
|
|
el1.setAttribute('nonce', '')
|
|
el1.nonce = 'abc123'
|
|
const el2 = createScriptElement({ nonce: 'abc123' })
|
|
expect(isEqualNode(el1, el2)).toBe(true)
|
|
})
|
|
|
|
it('should not equal node with different nonce value', () => {
|
|
const el1 = createScriptElement({ nonce: 'abc123' })
|
|
// Simulate Chrome/FF browser behavior of stripping off nonce value when adding element to the document
|
|
el1.setAttribute('nonce', '')
|
|
el1.nonce = 'abc123'
|
|
const el2 = createScriptElement({ nonce: 'xyz' })
|
|
expect(isEqualNode(el1, el2)).toBe(false)
|
|
})
|
|
|
|
it('should not equal node with different html attribute value', () => {
|
|
const el1 = createScriptElement({ src: '1.js' })
|
|
const el2 = createScriptElement({ src: '2.js' })
|
|
expect(isEqualNode(el1, el2)).toBe(false)
|
|
})
|
|
})
|