elements. Refer to our API for more information.\"\n );\n\n warn.restore();\n done();\n });\n });\n\n it(\"warns on invalid self-closing elements\", done => {\n const warn = sinon.stub(console, \"warn\");\n\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Test Title\");\n expect(warn.called).to.be.true;\n\n const [warning] = warn.getCall(0).args;\n expect(warning).to.equal(\n \"Only elements types base, body, head, html, link, meta, noscript, script, style, title are allowed. Helmet does not support rendering
elements. Refer to our API for more information.\"\n );\n\n warn.restore();\n done();\n });\n });\n\n // TODO: Successfully test error cases with React 16.x\n it.skip(\"throws on invalid strings as children\", () => {\n const renderInvalid = () =>\n ReactDOM.render(\n
\n Test Title \n {`test`}\n ,\n container\n );\n\n expect(renderInvalid).to.throw(\n Error,\n \"
elements are self-closing and can not contain children. Refer to our API for more information.\"\n );\n });\n\n // TODO: Successfully test error cases with React 16.x\n it.skip(\"throws on invalid children\", () => {\n const renderInvalid = () =>\n ReactDOM.render(\n
\n Test Title \n \n ,\n container\n );\n\n expect(renderInvalid).to.throw(\n Error,\n \"Helmet expects a string as a child of ) Refer to our API for more information.\"\n );\n });\n\n it(\"handles undefined children\", done => {\n const charSet = undefined;\n\n ReactDOM.render(\n
\n {charSet && Test Title \n ,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Test Title\");\n\n done();\n });\n });\n\n it(\"recognizes valid tags regardless of attribute ordering\", done => {\n ReactDOM.render(\n
\n ,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTag = existingTags[0];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.equal(1);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(existingTag).to.have.property(\"getAttribute\");\n expect(existingTag.getAttribute(\"name\")).to.equal(\n \"description\"\n );\n expect(existingTag.getAttribute(\"content\")).to.equal(\n \"Test Description\"\n );\n expect(existingTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"requestAnimationFrame works as expected\", done => {\n requestAnimationFrame(cb => {\n expect(cb).to.exist;\n expect(cb).to.be.a(\"number\");\n\n done();\n });\n });\n });\n});\n"
},
{
"path": "test/HelmetTest.js",
"content": "/* eslint max-nested-callbacks: [1, 7] */\n/* eslint-disable import/no-named-as-default */\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport ReactServer from \"react-dom/server\";\nimport {Helmet} from \"../src/Helmet\";\nimport {requestAnimationFrame} from \"../src/HelmetUtils.js\";\n\nconst HELMET_ATTRIBUTE = \"data-react-helmet\";\n\ndescribe(\"Helmet\", () => {\n let headElement;\n\n const container = document.createElement(\"div\");\n\n beforeEach(() => {\n headElement =\n headElement || document.head || document.querySelector(\"head\");\n\n // resets DOM after each run\n headElement.innerHTML = \"\";\n });\n\n afterEach(() => {\n ReactDOM.unmountComponentAtNode(container);\n });\n\n describe(\"api\", () => {\n describe(\"title\", () => {\n it(\"updates page title\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Test Title\");\n\n done();\n });\n });\n\n it(\"updates page title with multiple children\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Child Two Title\");\n\n done();\n });\n });\n\n it(\"sets title based on deepest nested component\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Nested Title\");\n\n done();\n });\n });\n\n it(\"sets title using deepest nested component with a defined title\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Main Title\");\n\n done();\n });\n });\n\n it(\"uses defaultTitle if no title is defined\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Fallback\");\n\n done();\n });\n });\n\n it(\"uses a titleTemplate and a child
\", done => {\n ReactDOM.render(\n <Helmet\n defaultTitle={\"Fallback\"}\n titleTemplate={\n \"This is a %s of the titleTemplate feature\"\n }\n >\n <title>Test \n ,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\n \"This is a Test of the titleTemplate feature\"\n );\n done();\n });\n });\n\n it(\"uses a titleTemplate and a child
via a template?\", done => {\n ReactDOM.render(\n <Helmet\n defaultTitle={\"Fallback\"}\n titleTemplate={\n \"This is a %s of the titleTemplate feature\"\n }\n >\n <title>{`${\"Test\"}`} \n ,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\n \"This is a Test of the titleTemplate feature\"\n );\n done();\n });\n });\n\n it(\"uses a titleTemplate if defined\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\n \"This is a Test of the titleTemplate feature\"\n );\n\n done();\n });\n });\n\n it(\"replaces multiple title strings in titleTemplate\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\n \"This is a Test of the titleTemplate feature. Another Test.\"\n );\n\n done();\n });\n });\n\n it(\"uses a titleTemplate based on deepest nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\n \"A Second Test using nested titleTemplate attributes\"\n );\n\n done();\n });\n });\n\n it(\"merges deepest component title with nearest upstream titleTemplate\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\n \"This is a Second Test of the titleTemplate feature\"\n );\n\n done();\n });\n });\n\n it(\"renders dollar characters in a title correctly when titleTemplate present\", done => {\n const dollarTitle = \"te$t te$$t te$$$t te$$$$t\";\n\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\n \"This is a te$t te$$t te$$$t te$$$$t\"\n );\n\n done();\n });\n });\n\n it(\"does not encode all characters with HTML character entity equivalents\", done => {\n const chineseTitle = \"膣膗 鍆錌雔\";\n\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(chineseTitle);\n\n done();\n });\n });\n\n it(\"page title with prop itemprop\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const titleTag = document.getElementsByTagName(\"title\")[0];\n expect(document.title).to.equal(\"Test Title with itemProp\");\n expect(titleTag.getAttribute(\"itemprop\")).to.equal(\"name\");\n\n done();\n });\n });\n });\n\n describe(\"title attributes\", () => {\n beforeEach(() => {\n headElement.innerHTML = `
Test Title `;\n });\n\n it(\"update title attributes\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const titleTag = document.getElementsByTagName(\"title\")[0];\n expect(titleTag.getAttribute(\"itemprop\")).to.equal(\"name\");\n expect(titleTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"itemprop\"\n );\n\n done();\n });\n });\n\n it(\"sets attributes based on the deepest nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const titleTag = document.getElementsByTagName(\"title\")[0];\n expect(titleTag.getAttribute(\"lang\")).to.equal(\"ja\");\n expect(titleTag.getAttribute(\"hidden\")).to.equal(\"\");\n expect(titleTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"lang,hidden\"\n );\n\n done();\n });\n });\n\n it(\"handles valueless attributes\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const titleTag = document.getElementsByTagName(\"title\")[0];\n expect(titleTag.getAttribute(\"hidden\")).to.equal(\"\");\n expect(titleTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"hidden\"\n );\n\n done();\n });\n });\n\n it(\"clears title attributes that are handled within helmet\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const titleTag = document.getElementsByTagName(\n \"title\"\n )[0];\n expect(titleTag.getAttribute(\"lang\")).to.be.null;\n expect(titleTag.getAttribute(\"hidden\")).to.be.null;\n expect(\n titleTag.getAttribute(HELMET_ATTRIBUTE)\n ).to.equal(null);\n\n done();\n });\n });\n });\n });\n\n describe(\"html attributes\", () => {\n it(\"updates html attributes\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\"html\")[0];\n expect(htmlTag.getAttribute(\"class\")).to.equal(\n \"myClassName\"\n );\n expect(htmlTag.getAttribute(\"lang\")).to.equal(\"en\");\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"class,lang\"\n );\n\n done();\n });\n });\n\n it(\"sets attributes based on the deepest nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\"html\")[0];\n expect(htmlTag.getAttribute(\"lang\")).to.equal(\"ja\");\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"lang\"\n );\n\n done();\n });\n });\n\n it(\"handles valueless attributes\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\"html\")[0];\n expect(htmlTag.getAttribute(\"amp\")).to.equal(\"\");\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"amp\"\n );\n\n done();\n });\n });\n\n it(\"clears html attributes that are handled within helmet\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\n \"html\"\n )[0];\n expect(htmlTag.getAttribute(\"lang\")).to.be.null;\n expect(htmlTag.getAttribute(\"amp\")).to.be.null;\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n null\n );\n\n done();\n });\n });\n });\n\n it(\"updates with multiple additions and removals - overwrite and new\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\n \"html\"\n )[0];\n expect(htmlTag.getAttribute(\"amp\")).to.equal(null);\n expect(htmlTag.getAttribute(\"lang\")).to.equal(\"ja\");\n expect(htmlTag.getAttribute(\"id\")).to.equal(\"html-tag\");\n expect(htmlTag.getAttribute(\"title\")).to.equal(\n \"html tag\"\n );\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"lang,id,title\"\n );\n\n done();\n });\n });\n });\n\n it(\"updates with multiple additions and removals - all new\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\n \"html\"\n )[0];\n expect(htmlTag.getAttribute(\"amp\")).to.equal(null);\n expect(htmlTag.getAttribute(\"lang\")).to.equal(null);\n expect(htmlTag.getAttribute(\"id\")).to.equal(\"html-tag\");\n expect(htmlTag.getAttribute(\"title\")).to.equal(\n \"html tag\"\n );\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"id,title\"\n );\n\n done();\n });\n });\n });\n\n context(\"initialized outside of helmet\", () => {\n before(() => {\n const htmlTag = document.getElementsByTagName(\"html\")[0];\n htmlTag.setAttribute(\"test\", \"test\");\n });\n\n it(\"attributes are not cleared\", done => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\n \"html\"\n )[0];\n expect(htmlTag.getAttribute(\"test\")).to.equal(\"test\");\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n null\n );\n\n done();\n });\n });\n\n it(\"attributes are overwritten if specified in helmet\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\n \"html\"\n )[0];\n expect(htmlTag.getAttribute(\"test\")).to.equal(\n \"helmet-attr\"\n );\n expect(htmlTag.getAttribute(HELMET_ATTRIBUTE)).to.equal(\n \"test\"\n );\n\n done();\n });\n });\n\n it(\"attributes are cleared once managed in helmet\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const htmlTag = document.getElementsByTagName(\n \"html\"\n )[0];\n expect(htmlTag.getAttribute(\"test\")).to.equal(null);\n expect(\n htmlTag.getAttribute(HELMET_ATTRIBUTE)\n ).to.equal(null);\n\n done();\n });\n });\n });\n });\n });\n\n describe(\"onChangeClientState\", () => {\n it(\"when handling client state change, calls the function with new state, addedTags and removedTags \", done => {\n const spy = sinon.spy();\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(spy.called).to.equal(true);\n const newState = spy.getCall(0).args[0];\n const addedTags = spy.getCall(0).args[1];\n const removedTags = spy.getCall(0).args[2];\n\n expect(newState).to.contain({title: \"Main Title\"});\n expect(newState.baseTag).to.contain({\n href: \"http://mysite.com/\"\n });\n expect(newState.metaTags).to.contain({charset: \"utf-8\"});\n expect(newState.linkTags).to.contain({\n href: \"http://localhost/helmet\",\n rel: \"canonical\"\n });\n expect(newState.scriptTags).to.contain({\n src: \"http://localhost/test.js\",\n type: \"text/javascript\"\n });\n\n expect(addedTags).to.have.property(\"baseTag\");\n expect(addedTags.baseTag).to.have.deep.property(\"[0]\");\n expect(addedTags.baseTag[0].outerHTML).to.equal(\n `
`\n );\n\n expect(addedTags).to.have.property(\"metaTags\");\n expect(addedTags.metaTags).to.have.deep.property(\"[0]\");\n expect(addedTags.metaTags[0].outerHTML).to.equal(\n `
`\n );\n\n expect(addedTags).to.have.property(\"linkTags\");\n expect(addedTags.linkTags).to.have.deep.property(\"[0]\");\n expect(addedTags.linkTags[0].outerHTML).to.equal(\n `
`\n );\n\n expect(addedTags).to.have.property(\"scriptTags\");\n expect(addedTags.scriptTags).to.have.deep.property(\"[0]\");\n expect(addedTags.scriptTags[0].outerHTML).to.equal(\n ``\n );\n\n expect(removedTags).to.be.empty;\n\n done();\n });\n });\n\n it(\"calls the deepest defined callback with the deepest state\", done => {\n const spy = sinon.spy();\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n expect(spy.callCount).to.equal(1);\n expect(spy.getCall(0).args[0]).to.contain({\n title: \"Deeper Title\"\n });\n\n done();\n });\n });\n });\n\n describe(\"base tag\", () => {\n it(\"updates base tag with href property\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `base[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n\n const filteredTags = [].slice\n .call(existingTags)\n .filter(tag => {\n return (\n tag.getAttribute(\"href\") ===\n \"http://mysite.com/\"\n );\n });\n\n expect(filteredTags.length).to.equal(1);\n\n done();\n });\n });\n\n it(\"updates base tag with target property\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `base[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n\n const filteredTags = [].slice\n .call(existingTags)\n .filter(tag => {\n return tag.getAttribute(\"target\") === \"_blank\";\n });\n\n expect(filteredTags.length).to.equal(1);\n\n done();\n });\n });\n\n it(\"clears the base tag if one is not specified\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `base[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n });\n\n it(\"tags without 'href' or 'target' are not accepted\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `base[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n\n it(\"sets base tag based on deepest nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `base[${HELMET_ATTRIBUTE}]`\n );\n const firstTag = Array.prototype.slice.call(\n existingTags\n )[0];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.equal(1);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://mysite.com/public\"\n );\n expect(firstTag.getAttribute(\"target\")).to.equal(\"_parent\");\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"does not render tag when primary attribute is null\", done => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `base[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n expect(existingTags).to.be.empty;\n\n done();\n });\n });\n });\n\n describe(\"meta tags\", () => {\n it(\"updates meta tags\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n\n expect(existingTags).to.not.equal(undefined);\n\n const filteredTags = [].slice\n .call(existingTags)\n .filter(tag => {\n return (\n tag.getAttribute(\"charset\") === \"utf-8\" ||\n (tag.getAttribute(\"name\") === \"description\" &&\n tag.getAttribute(\"content\") ===\n \"Test description\") ||\n (tag.getAttribute(\"http-equiv\") ===\n \"content-type\" &&\n tag.getAttribute(\"content\") ===\n \"text/html\") ||\n (tag.getAttribute(\"itemprop\") === \"name\" &&\n tag.getAttribute(\"content\") ===\n \"Test name itemprop\")\n );\n });\n\n expect(filteredTags.length).to.be.at.least(4);\n\n done();\n });\n });\n\n it(\"clears all meta tags if none are specified\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n });\n\n it(\"tags without 'name', 'http-equiv', 'property', 'charset', or 'itemprop' are not accepted\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n\n it(\"sets meta tags based on deepest nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n const thirdTag = existingTags[2];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.equal(3);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"charset\")).to.equal(\"utf-8\");\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"name\")).to.equal(\n \"description\"\n );\n expect(secondTag.getAttribute(\"content\")).to.equal(\n \"Inner description\"\n );\n expect(secondTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[2]\")\n .that.is.an.instanceof(Element);\n expect(thirdTag).to.have.property(\"getAttribute\");\n expect(thirdTag.getAttribute(\"name\")).to.equal(\"keywords\");\n expect(thirdTag.getAttribute(\"content\")).to.equal(\n \"test,meta,tags\"\n );\n expect(thirdTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"allows duplicate meta tags if specified in the same component\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.equal(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"name\")).to.equal(\n \"description\"\n );\n expect(firstTag.getAttribute(\"content\")).to.equal(\n \"Test description\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"name\")).to.equal(\n \"description\"\n );\n expect(secondTag.getAttribute(\"content\")).to.equal(\n \"Duplicate description\"\n );\n expect(secondTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"overrides duplicate meta tags with single meta tag in a nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.equal(1);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"name\")).to.equal(\n \"description\"\n );\n expect(firstTag.getAttribute(\"content\")).to.equal(\n \"Inner description\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"overrides single meta tag with duplicate meta tags in a nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.equal(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"name\")).to.equal(\n \"description\"\n );\n expect(firstTag.getAttribute(\"content\")).to.equal(\n \"Inner description\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"name\")).to.equal(\n \"description\"\n );\n expect(secondTag.getAttribute(\"content\")).to.equal(\n \"Inner duplicate description\"\n );\n expect(secondTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"does not render tag when primary attribute is null\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n expect(existingTags).to.be.empty;\n\n done();\n });\n });\n\n it(\"fails gracefully when meta is wrong shape\", done => {\n const error = sinon.stub(console, \"error\");\n const warn = sinon.stub(console, \"warn\");\n\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `meta[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n expect(existingTags).to.be.empty;\n\n expect(error.called).to.be.true;\n expect(warn.called).to.be.true;\n\n const [warning] = warn.getCall(0).args;\n expect(warning).to.equal(\n `Helmet: meta should be of type \"Array\". Instead found type \"object\"`\n );\n\n error.restore();\n warn.restore();\n\n done();\n });\n });\n });\n\n describe(\"link tags\", () => {\n it(\"updates link tags\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n\n expect(existingTags).to.not.equal(undefined);\n\n const filteredTags = [].slice\n .call(existingTags)\n .filter(tag => {\n return (\n (tag.getAttribute(\"href\") ===\n \"http://localhost/style.css\" &&\n tag.getAttribute(\"rel\") === \"stylesheet\" &&\n tag.getAttribute(\"type\") === \"text/css\") ||\n (tag.getAttribute(\"href\") ===\n \"http://localhost/helmet\" &&\n tag.getAttribute(\"rel\") === \"canonical\")\n );\n });\n\n expect(filteredTags.length).to.be.at.least(2);\n\n done();\n });\n });\n\n it(\"clears all link tags if none are specified\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(\n tagNodes\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n });\n\n it(\"tags without 'href' or 'rel' are not accepted, even if they are valid for other tags\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n\n it(\"tags 'rel' and 'href' properly use 'rel' as the primary identification for this tag, regardless of ordering\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.equal(1);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet/newest\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"tags with rel='stylesheet' uses the href as the primary identification of the tag, regardless of ordering\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.equal(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/style.css\"\n );\n expect(firstTag.getAttribute(\"rel\")).to.equal(\"stylesheet\");\n expect(firstTag.getAttribute(\"type\")).to.equal(\"text/css\");\n expect(firstTag.getAttribute(\"media\")).to.equal(\"all\");\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"rel\")).to.equal(\n \"stylesheet\"\n );\n expect(secondTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/inner.css\"\n );\n expect(secondTag.getAttribute(\"type\")).to.equal(\"text/css\");\n expect(secondTag.getAttribute(\"media\")).to.equal(\"all\");\n expect(secondTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"sets link tags based on deepest nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n const thirdTag = existingTags[2];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.at.least(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/style.css\"\n );\n expect(firstTag.getAttribute(\"rel\")).to.equal(\"stylesheet\");\n expect(firstTag.getAttribute(\"type\")).to.equal(\"text/css\");\n expect(firstTag.getAttribute(\"media\")).to.equal(\"all\");\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet/innercomponent\"\n );\n expect(secondTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(secondTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[2]\")\n .that.is.an.instanceof(Element);\n expect(thirdTag).to.have.property(\"getAttribute\");\n expect(thirdTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/inner.css\"\n );\n expect(thirdTag.getAttribute(\"rel\")).to.equal(\"stylesheet\");\n expect(thirdTag.getAttribute(\"type\")).to.equal(\"text/css\");\n expect(thirdTag.getAttribute(\"media\")).to.equal(\"all\");\n expect(thirdTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"allows duplicate link tags if specified in the same component\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.at.least(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(secondTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet/component\"\n );\n expect(secondTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"overrides duplicate link tags with a single link tag in a nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.equal(1);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet/innercomponent\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"overrides single link tag with duplicate link tags in a nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.equal(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet/component\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(secondTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet/innercomponent\"\n );\n expect(secondTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n\n it(\"does not render tag when primary attribute is null\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `link[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.be.equal(1);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"rel\")).to.equal(\"canonical\");\n expect(firstTag.getAttribute(\"href\")).to.equal(\n \"http://localhost/helmet/component\"\n );\n expect(firstTag.outerHTML).to.equal(\n `
`\n );\n\n done();\n });\n });\n });\n\n describe(\"script tags\", () => {\n it(\"updates script tags\", done => {\n const scriptInnerHTML = `\n {\n \"@context\": \"http://schema.org\",\n \"@type\": \"NewsArticle\",\n \"url\": \"http://localhost/helmet\"\n }\n `;\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.getElementsByTagName(\n \"script\"\n );\n\n expect(existingTags).to.not.equal(undefined);\n\n const filteredTags = [].slice\n .call(existingTags)\n .filter(tag => {\n return (\n (tag.getAttribute(\"src\") ===\n \"http://localhost/test.js\" &&\n tag.getAttribute(\"type\") ===\n \"text/javascript\") ||\n (tag.getAttribute(\"src\") ===\n \"http://localhost/test2.js\" &&\n tag.getAttribute(\"type\") ===\n \"text/javascript\") ||\n (tag.getAttribute(\"type\") ===\n \"application/ld+json\" &&\n tag.innerHTML === scriptInnerHTML)\n );\n });\n\n expect(filteredTags.length).to.be.at.least(3);\n\n done();\n });\n });\n\n it(\"clears all scripts tags if none are specified\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `script[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n });\n\n it(\"tags without 'src' are not accepted\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `script[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n\n it(\"sets script tags based on deepest nested component\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `script[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n const firstTag = existingTags[0];\n const secondTag = existingTags[1];\n\n expect(existingTags).to.not.equal(undefined);\n\n expect(existingTags.length).to.be.at.least(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"src\")).to.equal(\n \"http://localhost/test.js\"\n );\n expect(firstTag.getAttribute(\"type\")).to.equal(\n \"text/javascript\"\n );\n expect(firstTag.outerHTML).to.equal(\n ``\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag).to.have.property(\"getAttribute\");\n expect(secondTag.getAttribute(\"src\")).to.equal(\n \"http://localhost/test2.js\"\n );\n expect(secondTag.getAttribute(\"type\")).to.equal(\n \"text/javascript\"\n );\n expect(secondTag.outerHTML).to.equal(\n ``\n );\n\n done();\n });\n });\n\n it(\"sets undefined attribute values to empty strings\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTag = headElement.querySelector(\n `script[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTag).to.not.equal(undefined);\n expect(existingTag.outerHTML)\n .to.be.a(\"string\")\n .that.equals(\n ``\n );\n\n done();\n });\n });\n\n it(\"does not render tag when primary attribute (src) is null\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `script[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n expect(existingTags).to.be.empty;\n\n done();\n });\n });\n\n it(\"does not render tag when primary attribute (innerHTML) is null\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `script[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n expect(existingTags).to.be.empty;\n\n done();\n });\n });\n });\n\n describe(\"noscript tags\", () => {\n it(\"updates noscript tags\", done => {\n const noscriptInnerHTML = `
`;\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.getElementsByTagName(\n \"noscript\"\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(1);\n expect(\n existingTags[0].innerHTML === noscriptInnerHTML &&\n existingTags[0].id === \"bar\"\n );\n\n done();\n });\n });\n\n it(\"clears all noscripts tags if none are specified\", done => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `script[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n });\n\n it(\"tags without 'innerHTML' are not accepted\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `noscript[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n\n it(\"does not render tag when primary attribute is null\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `noscript[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n expect(existingTags).to.be.empty;\n\n done();\n });\n });\n });\n\n describe(\"style tags\", () => {\n it(\"updates style tags\", done => {\n const cssText1 = `\n body {\n background-color: green;\n }\n `;\n const cssText2 = `\n p {\n font-size: 12px;\n }\n `;\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `style[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n\n const [firstTag, secondTag] = existingTags;\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.be.equal(2);\n\n expect(existingTags)\n .to.have.deep.property(\"[0]\")\n .that.is.an.instanceof(Element);\n expect(firstTag).to.have.property(\"getAttribute\");\n expect(firstTag.getAttribute(\"type\")).to.equal(\"text/css\");\n expect(firstTag.innerHTML).to.equal(cssText1);\n expect(firstTag.outerHTML).to.equal(\n ``\n );\n\n expect(existingTags)\n .to.have.deep.property(\"[1]\")\n .that.is.an.instanceof(Element);\n expect(secondTag.innerHTML).to.equal(cssText2);\n expect(secondTag.outerHTML).to.equal(\n ``\n );\n\n done();\n });\n });\n\n it(\"clears all style tags if none are specified\", done => {\n const cssText = `\n body {\n background-color: green;\n }\n `;\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n ReactDOM.render(
, container);\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `style[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n });\n\n it(\"tags without 'cssText' are not accepted\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const existingTags = headElement.querySelectorAll(\n `style[${HELMET_ATTRIBUTE}]`\n );\n\n expect(existingTags).to.not.equal(undefined);\n expect(existingTags.length).to.equal(0);\n\n done();\n });\n });\n\n it(\"does not render tag when primary attribute is null\", done => {\n ReactDOM.render(\n
,\n container\n );\n\n requestAnimationFrame(() => {\n const tagNodes = headElement.querySelectorAll(\n `style[${HELMET_ATTRIBUTE}]`\n );\n const existingTags = Array.prototype.slice.call(tagNodes);\n expect(existingTags).to.be.empty;\n\n done();\n });\n });\n });\n });\n\n describe(\"deferred tags\", () => {\n beforeEach(() => {\n window.__spy__ = sinon.spy();\n });\n\n afterEach(() => {\n delete window.__spy__;\n });\n\n it(\"executes synchronously when defer={true} and async otherwise\", done => {\n ReactDOM.render(\n
\n
,\n container\n );\n\n expect(window.__spy__.callCount).to.equal(1);\n\n requestAnimationFrame(() => {\n expect(window.__spy__.callCount).to.equal(2);\n expect(window.__spy__.args).to.deep.equal([[1], [2]]);\n done();\n });\n });\n });\n\n describe(\"server\", () => {\n const stringifiedHtmlAttributes = `lang=\"ga\" class=\"myClassName\"`;\n const stringifiedTitle = `
Dangerous <script> include `;\n const unEncodedStringifiedTitle = `
This is text and & and '. `;\n const stringifiedTitleWithItemprop = `
Title with Itemprop `;\n // Separate itemprop string for the server - Per https://github.com/facebook/react/issues/12403 the server renders HTML Microdata as camel case\n const stringifiedTitleWithItempropFromServer = `
Title with Itemprop `;\n const stringifiedBaseTag = `
`;\n\n const stringifiedMetaTags = [\n `
`,\n `
`,\n `
`,\n `
`,\n `
`\n ].join(\"\");\n // Separate string for charset and itemprop for the server - Per https://github.com/facebook/react/issues/12403 the server renders HTML Microdata as camel case\n const stringifiedMetaTagsFromServer = [\n `
`,\n `
`,\n `
`,\n `
`,\n `
`\n ].join(\"\");\n\n const stringifiedLinkTags = [\n `
`,\n `
`\n ].join(\"\");\n\n const stringifiedScriptTags = [\n ``,\n ``\n ].join(\"\");\n\n const stringifiedNoscriptTags = [\n `
`,\n `
`\n ].join(\"\");\n\n const stringifiedStyleTags = [\n ``,\n ``\n ].join(\"\");\n\n before(() => {\n Helmet.canUseDOM = false;\n });\n\n it(\"provides initial values if no state is found\", () => {\n let head = Helmet.rewind();\n head = Helmet.rewind();\n\n expect(head.meta).to.exist;\n expect(head.meta).to.respondTo(\"toString\");\n\n expect(head.meta.toString()).to.equal(\"\");\n });\n\n it(\"encodes special characters in title\", () => {\n ReactDOM.render(\n
include\" />,\n container\n );\n\n const head = Helmet.rewind();\n\n expect(head.title).to.exist;\n expect(head.title).to.respondTo(\"toString\");\n\n expect(head.title.toString()).to.equal(stringifiedTitle);\n });\n\n it(\"opts out of string encoding\", () => {\n ReactDOM.render(\n include\"} />,\n container\n );\n\n const head = Helmet.rewind();\n\n expect(head.title).to.exist;\n expect(head.title).to.respondTo(\"toComponent\");\n\n const titleComponent = head.title.toComponent();\n\n expect(titleComponent)\n .to.be.an(\"array\")\n .that.has.length.of(1);\n\n titleComponent.forEach(title => {\n expect(title)\n .to.be.an(\"object\")\n .that.contains.property(\"type\", \"title\");\n });\n\n const markup = ReactServer.renderToStaticMarkup(\n {titleComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(`${stringifiedTitle}
`);\n });\n\n it(\"renders title with itemprop name as React component\", () => {\n ReactDOM.render(\n {titleComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(\n `${stringifiedTitleWithItempropFromServer}
`\n );\n });\n\n it(\"renders base tag as React component\", () => {\n ReactDOM.render(\n {baseComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(`${stringifiedBaseTag}
`);\n });\n\n it(\"renders meta tags as React components\", () => {\n ReactDOM.render(\n < `\"\n },\n {\"http-equiv\": \"content-type\", content: \"text/html\"},\n {property: \"og:type\", content: \"article\"},\n {itemprop: \"name\", content: \"Test name itemprop\"}\n ]}\n />,\n container\n );\n\n const head = Helmet.rewind();\n\n expect(head.meta).to.exist;\n expect(head.meta).to.respondTo(\"toComponent\");\n\n const metaComponent = head.meta.toComponent();\n\n expect(metaComponent)\n .to.be.an(\"array\")\n .that.has.length.of(5);\n\n metaComponent.forEach(meta => {\n expect(meta)\n .to.be.an(\"object\")\n .that.contains.property(\"type\", \"meta\");\n });\n\n const markup = ReactServer.renderToStaticMarkup(\n {metaComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(`${stringifiedMetaTagsFromServer}
`);\n });\n\n it(\"renders link tags as React components\", () => {\n ReactDOM.render(\n {linkComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(`${stringifiedLinkTags}
`);\n });\n\n it(\"renders script tags as React components\", () => {\n ReactDOM.render(\n {scriptComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(`${stringifiedScriptTags}
`);\n });\n\n it(\"renders noscript tags as React components\", () => {\n ReactDOM.render(\n {noscriptComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(`${stringifiedNoscriptTags}
`);\n });\n\n it(\"renders style tags as React components\", () => {\n ReactDOM.render(\n {styleComponent}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(`${stringifiedStyleTags}
`);\n });\n\n it(\"renders title tag as string\", () => {\n ReactDOM.render(\n include\"} />,\n container\n );\n\n const head = Helmet.rewind();\n\n expect(head.title).to.exist;\n expect(head.title).to.respondTo(\"toString\");\n\n expect(head.title.toString())\n .to.be.a(\"string\")\n .that.equals(stringifiedTitle);\n });\n\n it(\"renders title with itemprop name as string\", () => {\n ReactDOM.render(\n < `\"\n },\n {\"http-equiv\": \"content-type\", content: \"text/html\"},\n {property: \"og:type\", content: \"article\"},\n {itemprop: \"name\", content: \"Test name itemprop\"}\n ]}\n />,\n container\n );\n\n const head = Helmet.rewind();\n\n expect(head.meta).to.exist;\n expect(head.meta).to.respondTo(\"toString\");\n\n expect(head.meta.toString())\n .to.be.a(\"string\")\n .that.equals(stringifiedMetaTags);\n });\n\n it(\"renders link tags as string\", () => {\n ReactDOM.render(\n \n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(``);\n });\n\n it(\"renders html attributes as string\", () => {\n ReactDOM.render(\n ${chineseTitle} `;\n\n ReactDOM.render(\n \n
,\n container\n );\n\n const head = Helmet.rewind();\n\n expect(head.title).to.exist;\n expect(head.title).to.respondTo(\"toString\");\n\n expect(head.title.toString())\n .to.be.a(\"string\")\n .that.equals(stringifiedChineseTitle);\n });\n\n it(\"rewind() provides a fallback object for empty Helmet state\", () => {\n ReactDOM.render(
, container);\n\n const head = Helmet.rewind();\n\n expect(head.htmlAttributes).to.exist;\n expect(head.htmlAttributes).to.respondTo(\"toString\");\n expect(head.htmlAttributes.toString()).to.equal(\"\");\n expect(head.htmlAttributes).to.respondTo(\"toComponent\");\n expect(head.htmlAttributes.toComponent()).to.be.an(\"object\").that.is\n .empty;\n\n expect(head.title).to.exist;\n expect(head.title).to.respondTo(\"toString\");\n expect(head.title.toString()).to.equal(\n `{head.title.toComponent()}
\n );\n\n expect(markup)\n .to.be.a(\"string\")\n .that.equals(\n `
\n ,\n container\n );\n\n requestAnimationFrame(() => {\n expect(document.title).to.equal(\"Test Title\");\n expect(warn.called).to.be.true;\n\n const [warning] = warn.getCall(0).args;\n expect(warning).to.equal(\n \"You may be attempting to nest components within each other, which is not allowed. Refer to our API for more information.\"\n );\n\n warn.restore();\n done();\n });\n });\n\n it(\"recognizes valid tags regardless of attribute ordering\", done => {\n ReactDOM.render(\n ![](\"http://static.nfl.com/static/content/public/static/img/logos/ENG_SigilLockup_4C_POS_RGB.png\")