Tests that the panel transitions to the overview view when navigating to an interstitial. Regression test for https://crbug.com/638601
Before selecting origin view:
<DIV class=widget vbox security-main-view >
<DIV class=security-summary >
<DIV class=security-summary-section-title role=heading aria-level=1 >
Security overview
</DIV>
<DIV class=lock-spectrum >
<DEVTOOLS-ICON role=presentation name=lock class=lock-icon lock-icon-secure title=Secure >
<#document-fragment >
<SPAN style=--icon-url: var(--image-file-lock); >
</SPAN>
<STYLE >
</STYLE>
</#document-fragment>
</DEVTOOLS-ICON>
<DEVTOOLS-ICON role=presentation name=indeterminate-question-box class=lock-icon lock-icon-neutral title=Info >
<#document-fragment >
<SPAN style=--icon-url: var(--image-file-indeterminate-question-box); >
</SPAN>
<STYLE >
</STYLE>
</#document-fragment>
</DEVTOOLS-ICON>
<DEVTOOLS-ICON role=presentation name=warning class=lock-icon lock-icon-insecure title=Not secure >
<#document-fragment >
<SPAN style=--icon-url: var(--image-file-warning); >
</SPAN>
<STYLE >
</STYLE>
</#document-fragment>
</DEVTOOLS-ICON>
</DIV>
<DIV class=triangle-pointer-container >
<DIV class=triangle-pointer-wrapper >
<DIV class=triangle-pointer >
</DIV>
</DIV>
</DIV>
<DIV class=security-summary-text role=heading aria-level=2 >
</DIV>
</DIV>
<DIV class=security-explanation-list security-explanations-main >
</DIV>
<DIV class=security-explanation-list security-explanations-extra >
</DIV>
</DIV>
Panel on origin view before interstitial:
<DIV class=widget vbox security-origin-view jslog=Pane; context: security.origin-view slot=insertion-point-main >
<DIV class=title-section >
<DIV class=title-section-header role=heading aria-level=1 >
Origin
</DIV>
<DIV class=origin-display >
<SPAN >
<DEVTOOLS-ICON role=presentation name=warning class=security-property security-property-insecure >
<#document-fragment >
<SPAN style=--icon-url: var(--image-file-warning); >
</SPAN>
<STYLE >
</STYLE>
</#document-fragment>
</DEVTOOLS-ICON>
</SPAN>
<SPAN class=highlighted-url >
<SPAN class=url-scheme-insecure >
http
</SPAN>
<SPAN class=url-scheme-separator >
://
</SPAN>
<SPAN >
foo.test
</SPAN>
</SPAN>
</DIV>
<DIV class=view-network-button >
<DEVTOOLS-BUTTON role=link jslog=Action; track: click; context: reveal-in-network >
View requests in Network Panel
<#document-fragment >
</#document-fragment>
</DEVTOOLS-BUTTON>
</DIV>
</DIV>
<DIV class=origin-view-section >
<DIV class=origin-view-section-title role=heading aria-level=2 >
Not secure
</DIV>
<DIV >
Your connection to this origin is not secure.
</DIV>
</DIV>
</DIV>
After interstitial is shown:
<DIV class=widget vbox security-main-view >
<DIV class=security-summary >
<DIV class=security-summary-section-title role=heading aria-level=1 >
Security overview
</DIV>
<DIV class=lock-spectrum >
<DEVTOOLS-ICON role=presentation name=lock class=lock-icon lock-icon-secure title=Secure >
<#document-fragment >
<SPAN style=--icon-url: var(--image-file-lock); >
</SPAN>
<STYLE >
</STYLE>
</#document-fragment>
</DEVTOOLS-ICON>
<DEVTOOLS-ICON role=presentation name=indeterminate-question-box class=lock-icon lock-icon-neutral title=Info >
<#document-fragment >
<SPAN style=--icon-url: var(--image-file-indeterminate-question-box); >
</SPAN>
<STYLE >
</STYLE>
</#document-fragment>
</DEVTOOLS-ICON>
<DEVTOOLS-ICON role=presentation name=warning class=lock-icon lock-icon-insecure title=Not secure >
<#document-fragment >
<SPAN style=--icon-url: var(--image-file-warning); >
</SPAN>
<STYLE >
</STYLE>
</#document-fragment>
</DEVTOOLS-ICON>
</DIV>
<DIV class=triangle-pointer-container >
<DIV class=triangle-pointer-wrapper >
<DIV class=triangle-pointer >
</DIV>
</DIV>
</DIV>
<DIV class=security-summary-text role=heading aria-level=2 >
</DIV>
</DIV>
<DIV class=security-explanation-list security-explanations-main >
</DIV>
<DIV class=security-explanation-list security-explanations-extra >
</DIV>
</DIV>