Source code

Revision control

Copy as Markdown

Other Tools

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Settings component renders default browsers with a selected browsers 1`] = `
<section
className="compatibility-settings"
>
<header
className="compatibility-settings__header"
>
<Localized
id="compatibility-settings-header"
>
<label
className="compatibility-settings__header-label"
>
compatibility-settings-header
</label>
</Localized>
<Localized
attrs={
Object {
"title": true,
}
}
id="compatibility-close-settings-button"
>
<button
className="compatibility-settings__header-button"
onClick={[Function]}
title="compatibility-close-settings-button"
>
<img
className="compatibility-settings__header-icon"
src="chrome://devtools/skin/images/close.svg"
/>
</button>
</Localized>
</header>
<section
className="compatibility-settings__target-browsers"
>
<Localized
id="compatibility-target-browsers-header"
>
<header
className="compatibility-settings__target-browsers-header"
>
compatibility-target-browsers-header
</header>
</Localized>
<ul
className="compatibility-settings__target-browsers-list"
>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={false}
data-id="firefox"
data-status="nightly"
id="firefox-nightly"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-nightly"
>
<BrowserIcon
id="firefox"
title="Firefox nightly"
/>
Firefox nightly (78)
</label>
</li>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={true}
data-id="firefox"
data-status="beta"
id="firefox-beta"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-beta"
>
<BrowserIcon
id="firefox"
title="Firefox beta"
/>
Firefox beta (77)
</label>
</li>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={false}
data-id="firefox"
data-status="current"
id="firefox-current"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-current"
>
<BrowserIcon
id="firefox"
title="Firefox current"
/>
Firefox current (76)
</label>
</li>
</ul>
</section>
</section>
`;
exports[`Settings component renders default browsers with full selected browsers 1`] = `
<section
className="compatibility-settings"
>
<header
className="compatibility-settings__header"
>
<Localized
id="compatibility-settings-header"
>
<label
className="compatibility-settings__header-label"
>
compatibility-settings-header
</label>
</Localized>
<Localized
attrs={
Object {
"title": true,
}
}
id="compatibility-close-settings-button"
>
<button
className="compatibility-settings__header-button"
onClick={[Function]}
title="compatibility-close-settings-button"
>
<img
className="compatibility-settings__header-icon"
src="chrome://devtools/skin/images/close.svg"
/>
</button>
</Localized>
</header>
<section
className="compatibility-settings__target-browsers"
>
<Localized
id="compatibility-target-browsers-header"
>
<header
className="compatibility-settings__target-browsers-header"
>
compatibility-target-browsers-header
</header>
</Localized>
<ul
className="compatibility-settings__target-browsers-list"
>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={true}
data-id="firefox"
data-status="nightly"
id="firefox-nightly"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-nightly"
>
<BrowserIcon
id="firefox"
title="Firefox nightly"
/>
Firefox nightly (78)
</label>
</li>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={true}
data-id="firefox"
data-status="beta"
id="firefox-beta"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-beta"
>
<BrowserIcon
id="firefox"
title="Firefox beta"
/>
Firefox beta (77)
</label>
</li>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={true}
data-id="firefox"
data-status="current"
id="firefox-current"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-current"
>
<BrowserIcon
id="firefox"
title="Firefox current"
/>
Firefox current (76)
</label>
</li>
</ul>
</section>
</section>
`;
exports[`Settings component renders default browsers with no selected browsers 1`] = `
<section
className="compatibility-settings"
>
<header
className="compatibility-settings__header"
>
<Localized
id="compatibility-settings-header"
>
<label
className="compatibility-settings__header-label"
>
compatibility-settings-header
</label>
</Localized>
<Localized
attrs={
Object {
"title": true,
}
}
id="compatibility-close-settings-button"
>
<button
className="compatibility-settings__header-button"
onClick={[Function]}
title="compatibility-close-settings-button"
>
<img
className="compatibility-settings__header-icon"
src="chrome://devtools/skin/images/close.svg"
/>
</button>
</Localized>
</header>
<section
className="compatibility-settings__target-browsers"
>
<Localized
id="compatibility-target-browsers-header"
>
<header
className="compatibility-settings__target-browsers-header"
>
compatibility-target-browsers-header
</header>
</Localized>
<ul
className="compatibility-settings__target-browsers-list"
>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={false}
data-id="firefox"
data-status="nightly"
id="firefox-nightly"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-nightly"
>
<BrowserIcon
id="firefox"
title="Firefox nightly"
/>
Firefox nightly (78)
</label>
</li>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={false}
data-id="firefox"
data-status="beta"
id="firefox-beta"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-beta"
>
<BrowserIcon
id="firefox"
title="Firefox beta"
/>
Firefox beta (77)
</label>
</li>
<li
className="compatibility-settings__target-browsers-item"
>
<input
checked={false}
data-id="firefox"
data-status="current"
id="firefox-current"
onChange={[Function]}
type="checkbox"
/>
<label
className="compatibility-settings__target-browsers-item-label"
htmlFor="firefox-current"
>
<BrowserIcon
id="firefox"
title="Firefox current"
/>
Firefox current (76)
</label>
</li>
</ul>
</section>
</section>
`;