mozilla-central/devtools/client/inspector/compatibility/test/node/components/__snapshots__/components-compatibility-IssueItem.test.js.snap

Source code

Revision control

Copy as Markdown

Other Tools

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`IssueItem component renders a deprecated issue of CSS property 1`] = `
<li
className="compatibility-issue-item compatibility-issue-item--deprecated"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<Localized
id="compatibility-issue-deprecated"
>
<span
className="compatibility-issue-item__causes"
>
compatibility-issue-deprecated
</span>
</Localized>
</div>
</li>
`;
exports[`IssueItem component renders a prefixNeeded issue of CSS property 1`] = `
<li
className="compatibility-issue-item"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<Localized
id="compatibility-issue-prefixneeded"
>
<span
className="compatibility-issue-item__causes"
>
compatibility-issue-prefixneeded
</span>
</Localized>
</div>
<ul
className="compatibility-issue-item__aliases"
>
<li
className="compatibility-issue-item__alias"
key="test-alias-1"
>
test-alias-1
</li>
<li
className="compatibility-issue-item__alias"
key="test-alias-2"
>
test-alias-2
</li>
</ul>
</li>
`;
exports[`IssueItem component renders an experimental issue of CSS property 1`] = `
<li
className="compatibility-issue-item compatibility-issue-item--experimental"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<Localized
id="compatibility-issue-experimental"
>
<span
className="compatibility-issue-item__causes"
>
compatibility-issue-experimental
</span>
</Localized>
</div>
</li>
`;
exports[`IssueItem component renders an issue which has deprecated and experimental 1`] = `
<li
className="compatibility-issue-item compatibility-issue-item--deprecated compatibility-issue-item--experimental"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<Localized
id="compatibility-issue-deprecated-experimental"
>
<span
className="compatibility-issue-item__causes"
>
compatibility-issue-deprecated-experimental
</span>
</Localized>
</div>
<ul
className="compatibility-issue-item__aliases"
>
<li
className="compatibility-issue-item__alias"
key="test-alias-1"
>
test-alias-1
</li>
<li
className="compatibility-issue-item__alias"
key="test-alias-2"
>
test-alias-2
</li>
</ul>
</li>
`;
exports[`IssueItem component renders an issue which has deprecated and prefixNeeded 1`] = `
<li
className="compatibility-issue-item compatibility-issue-item--deprecated"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<Localized
id="compatibility-issue-deprecated-prefixneeded"
>
<span
className="compatibility-issue-item__causes"
>
compatibility-issue-deprecated-prefixneeded
</span>
</Localized>
</div>
<ul
className="compatibility-issue-item__aliases"
>
<li
className="compatibility-issue-item__alias"
key="test-alias-1"
>
test-alias-1
</li>
<li
className="compatibility-issue-item__alias"
key="test-alias-2"
>
test-alias-2
</li>
</ul>
</li>
`;
exports[`IssueItem component renders an issue which has deprecated, experimental and prefixNeeded 1`] = `
<li
className="compatibility-issue-item compatibility-issue-item--deprecated compatibility-issue-item--experimental"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<Localized
id="compatibility-issue-deprecated-experimental-prefixneeded"
>
<span
className="compatibility-issue-item__causes"
>
compatibility-issue-deprecated-experimental-prefixneeded
</span>
</Localized>
</div>
<ul
className="compatibility-issue-item__aliases"
>
<li
className="compatibility-issue-item__alias"
key="test-alias-1"
>
test-alias-1
</li>
<li
className="compatibility-issue-item__alias"
key="test-alias-2"
>
test-alias-2
</li>
</ul>
</li>
`;
exports[`IssueItem component renders an issue which has experimental and prefixNeeded 1`] = `
<li
className="compatibility-issue-item compatibility-issue-item--experimental"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<Localized
id="compatibility-issue-experimental-prefixneeded"
>
<span
className="compatibility-issue-item__causes"
>
compatibility-issue-experimental-prefixneeded
</span>
</Localized>
</div>
<ul
className="compatibility-issue-item__aliases"
>
<li
className="compatibility-issue-item__alias"
key="test-alias-1"
>
test-alias-1
</li>
<li
className="compatibility-issue-item__alias"
key="test-alias-2"
>
test-alias-2
</li>
</ul>
</li>
`;
exports[`IssueItem component renders an issue which has nodes that caused this issue 1`] = `
<li
className="compatibility-issue-item"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
</div>
<NodePane
nodes={
Array [
Object {
"actorID": "test-actor",
"attributes": Array [],
"nodeName": "test-element",
"nodeType": 1,
},
]
}
/>
</li>
`;
exports[`IssueItem component renders an unsupported issue of CSS property 1`] = `
<li
className="compatibility-issue-item compatibility-issue-item--unsupported"
key="test-property"
>
<div
className="compatibility-issue-item__description"
>
<a
className="compatibility-issue-item__property devtools-monospace compatibility-issue-item__mdn-link"
href="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
onClick={[Function]}
title="test-url?utm_source=devtools&utm_medium=inspector-compatibility&utm_campaign=default"
>
test-property
</a>
<UnsupportedBrowserList
browsers={
Array [
Object {
"id": "firefox",
"name": "Firefox",
"status": "nightly",
"version": "70",
},
]
}
/>
</div>
</li>
`;