Tests that the security details for an origin are updated if its security state changes.

Sidebar Origins --------------------------------
Group: Main origin
Group: Secure origins
<SPAN class=highlighted-url >
    <SPAN class=url-scheme-secure >
        <#comment >
        </#comment>
https
    </SPAN>
    <SPAN class=url-scheme-separator >
        <#comment >
        </#comment>
://
    </SPAN>
    <SPAN >
        <#comment >
        </#comment>
foo.test
    </SPAN>
</SPAN>
<SPAN class=url-scheme-secure >
    <#comment >
    </#comment>
https
</SPAN>
<SPAN class=url-scheme-separator >
    <#comment >
    </#comment>
://
</SPAN>
<SPAN >
    <#comment >
    </#comment>
foo.test
</SPAN>
<SPAN class=highlighted-url >
    <SPAN class=url-scheme-secure >
        <#comment >
        </#comment>
https
    </SPAN>
    <SPAN class=url-scheme-separator >
        <#comment >
        </#comment>
://
    </SPAN>
    <SPAN >
        <#comment >
        </#comment>
ecdhe.foo.test
    </SPAN>
</SPAN>
<SPAN class=url-scheme-secure >
    <#comment >
    </#comment>
https
</SPAN>
<SPAN class=url-scheme-separator >
    <#comment >
    </#comment>
://
</SPAN>
<SPAN >
    <#comment >
    </#comment>
ecdhe.foo.test
</SPAN>
<SPAN class=highlighted-url >
    <SPAN class=url-scheme-secure >
        <#comment >
        </#comment>
https
    </SPAN>
    <SPAN class=url-scheme-separator >
        <#comment >
        </#comment>
://
    </SPAN>
    <SPAN >
        <#comment >
        </#comment>
tls13.foo.test
    </SPAN>
</SPAN>
<SPAN class=url-scheme-secure >
    <#comment >
    </#comment>
https
</SPAN>
<SPAN class=url-scheme-separator >
    <#comment >
    </#comment>
://
</SPAN>
<SPAN >
    <#comment >
    </#comment>
tls13.foo.test
</SPAN>
<SPAN class=highlighted-url >
    <SPAN class=url-scheme-secure >
        <#comment >
        </#comment>
https
    </SPAN>
    <SPAN class=url-scheme-separator >
        <#comment >
        </#comment>
://
    </SPAN>
    <SPAN >
        <#comment >
        </#comment>
ech.foo.test
    </SPAN>
</SPAN>
<SPAN class=url-scheme-secure >
    <#comment >
    </#comment>
https
</SPAN>
<SPAN class=url-scheme-separator >
    <#comment >
    </#comment>
://
</SPAN>
<SPAN >
    <#comment >
    </#comment>
ech.foo.test
</SPAN>
Group: Unknown / canceled
<SPAN class=highlighted-url >
    <SPAN class=url-scheme-unknown >
        <#comment >
        </#comment>
https
    </SPAN>
    <SPAN class=url-scheme-separator >
        <#comment >
        </#comment>
://
    </SPAN>
    <SPAN >
        <#comment >
        </#comment>
bar.test
    </SPAN>
</SPAN>
<SPAN class=url-scheme-unknown >
    <#comment >
    </#comment>
https
</SPAN>
<SPAN class=url-scheme-separator >
    <#comment >
    </#comment>
://
</SPAN>
<SPAN >
    <#comment >
    </#comment>
bar.test
</SPAN>
Origin view (https://foo.test) -----------------
<DIV jslog=Pane; context: security.origin-view class=widget vbox security-origin-view slot=main >
    <STYLE >
    </STYLE>
    <STYLE >
    </STYLE>
    <DIV class=title-section >
        <DIV class=title-section-header role=heading aria-level=1 >
Origin
        </DIV>
        <DIV class=origin-display >
            <#comment >
            </#comment>
            <#comment >
            </#comment>
            <DEVTOOLS-ICON role=presentation name=lock class=security-property security-property-secure >
                <#document-fragment >
                    <STYLE >
                    </STYLE>
                    <SPAN style=--icon-url: var(--image-file-lock); >
                    </SPAN>
                </#document-fragment>
            </DEVTOOLS-ICON>
            <#comment >
            </#comment>
            <SPAN class=highlighted-url >
                <SPAN class=url-scheme-secure >
                    <#comment >
                    </#comment>
https
                </SPAN>
                <SPAN class=url-scheme-separator >
                    <#comment >
                    </#comment>
://
                </SPAN>
                <SPAN >
                    <#comment >
                    </#comment>
foo.test
                </SPAN>
            </SPAN>
            <#comment >
            </#comment>
        </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 >
                    <#comment >
                    </#comment>
                    <STYLE >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                    </STYLE>
                    <BUTTON class=outlined >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <SLOT >
                        </SLOT>
                    </BUTTON>
                </#document-fragment>
            </DEVTOOLS-BUTTON>
        </DIV>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Connection
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Protocol
                </TD>
                <TD >
TLS 1.2
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Key exchange
                </TD>
                <TD >
Key_Exchange
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Cipher
                </TD>
                <TD >
Cypher with Mac
                </TD>
            </TR>
        </TABLE>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Certificate
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Subject
                </TD>
                <TD >
foo.test
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
SAN
                </TD>
                <TD >
                    <DIV >
                        <#comment >
                        </#comment>
                        <DIV class= san  >
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                            <SPAN class= san-entry  >
                                <#comment >
                                </#comment>
foo.test
                            </SPAN>
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                            <SPAN class= san-entry  >
                                <#comment >
                                </#comment>
*.test
                            </SPAN>
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                        </DIV>
                    </DIV>
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid from
                </TD>
                <TD >
Mon, 20 Mar 2017 08:53:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid until
                </TD>
                <TD >
Wed, 18 May 2033 03:33:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Issuer
                </TD>
                <TD >
Super CA
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
                </TD>
                <TD >
                    <DEVTOOLS-BUTTON role=button class=origin-button jslog=Action; track: click; context: security.view-certificate-for-origin title=Open full certificate details >
Open full certificate details
                        <#document-fragment >
                            <#comment >
                            </#comment>
                            <STYLE >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                            </STYLE>
                            <BUTTON class=outlined title=Open full certificate details aria-label=Open full certificate details >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <SLOT >
                                </SLOT>
                            </BUTTON>
                        </#document-fragment>
                    </DEVTOOLS-BUTTON>
                </TD>
            </TR>
        </TABLE>
    </DIV>
</DIV>
Origin view (https://ecdhe.foo.test) -----------
<DIV jslog=Pane; context: security.origin-view class=widget vbox security-origin-view slot=main >
    <STYLE >
    </STYLE>
    <STYLE >
    </STYLE>
    <DIV class=title-section >
        <DIV class=title-section-header role=heading aria-level=1 >
Origin
        </DIV>
        <DIV class=origin-display >
            <#comment >
            </#comment>
            <#comment >
            </#comment>
            <DEVTOOLS-ICON role=presentation name=lock class=security-property security-property-secure >
                <#document-fragment >
                    <STYLE >
                    </STYLE>
                    <SPAN style=--icon-url: var(--image-file-lock); >
                    </SPAN>
                </#document-fragment>
            </DEVTOOLS-ICON>
            <#comment >
            </#comment>
            <SPAN class=highlighted-url >
                <SPAN class=url-scheme-secure >
                    <#comment >
                    </#comment>
https
                </SPAN>
                <SPAN class=url-scheme-separator >
                    <#comment >
                    </#comment>
://
                </SPAN>
                <SPAN >
                    <#comment >
                    </#comment>
ecdhe.foo.test
                </SPAN>
            </SPAN>
            <#comment >
            </#comment>
        </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 >
                    <#comment >
                    </#comment>
                    <STYLE >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                    </STYLE>
                    <BUTTON class=outlined >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <SLOT >
                        </SLOT>
                    </BUTTON>
                </#document-fragment>
            </DEVTOOLS-BUTTON>
        </DIV>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Connection
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Protocol
                </TD>
                <TD >
TLS 1.2
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Key exchange
                </TD>
                <TD >
ECDSA_RSA with X25519
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Server signature
                </TD>
                <TD >
RSA-PSS with SHA-256
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Cipher
                </TD>
                <TD >
AES-128-GCM
                </TD>
            </TR>
        </TABLE>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Certificate
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Subject
                </TD>
                <TD >
ecdhe.foo.test
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
SAN
                </TD>
                <TD >
                    <DIV >
                        <#comment >
                        </#comment>
                        <DIV class= san  >
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                            <SPAN class= san-entry  >
                                <#comment >
                                </#comment>
ecdhe.foo.test
                            </SPAN>
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                        </DIV>
                    </DIV>
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid from
                </TD>
                <TD >
Mon, 20 Mar 2017 08:53:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid until
                </TD>
                <TD >
Wed, 18 May 2033 03:33:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Issuer
                </TD>
                <TD >
Super CA
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
                </TD>
                <TD >
                    <DEVTOOLS-BUTTON role=button class=origin-button jslog=Action; track: click; context: security.view-certificate-for-origin title=Open full certificate details >
Open full certificate details
                        <#document-fragment >
                            <#comment >
                            </#comment>
                            <STYLE >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                            </STYLE>
                            <BUTTON class=outlined title=Open full certificate details aria-label=Open full certificate details >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <SLOT >
                                </SLOT>
                            </BUTTON>
                        </#document-fragment>
                    </DEVTOOLS-BUTTON>
                </TD>
            </TR>
        </TABLE>
    </DIV>
</DIV>
Origin view (https://tls13.foo.test) -----------
<DIV jslog=Pane; context: security.origin-view class=widget vbox security-origin-view slot=main >
    <STYLE >
    </STYLE>
    <STYLE >
    </STYLE>
    <DIV class=title-section >
        <DIV class=title-section-header role=heading aria-level=1 >
Origin
        </DIV>
        <DIV class=origin-display >
            <#comment >
            </#comment>
            <#comment >
            </#comment>
            <DEVTOOLS-ICON role=presentation name=lock class=security-property security-property-secure >
                <#document-fragment >
                    <STYLE >
                    </STYLE>
                    <SPAN style=--icon-url: var(--image-file-lock); >
                    </SPAN>
                </#document-fragment>
            </DEVTOOLS-ICON>
            <#comment >
            </#comment>
            <SPAN class=highlighted-url >
                <SPAN class=url-scheme-secure >
                    <#comment >
                    </#comment>
https
                </SPAN>
                <SPAN class=url-scheme-separator >
                    <#comment >
                    </#comment>
://
                </SPAN>
                <SPAN >
                    <#comment >
                    </#comment>
tls13.foo.test
                </SPAN>
            </SPAN>
            <#comment >
            </#comment>
        </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 >
                    <#comment >
                    </#comment>
                    <STYLE >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                    </STYLE>
                    <BUTTON class=outlined >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <SLOT >
                        </SLOT>
                    </BUTTON>
                </#document-fragment>
            </DEVTOOLS-BUTTON>
        </DIV>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Connection
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Protocol
                </TD>
                <TD >
TLS 1.3
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Key exchange
                </TD>
                <TD >
X25519
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Server signature
                </TD>
                <TD >
RSA-PSS with SHA-256
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Cipher
                </TD>
                <TD >
AES-128-GCM
                </TD>
            </TR>
        </TABLE>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Certificate
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Subject
                </TD>
                <TD >
tls13.foo.test
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
SAN
                </TD>
                <TD >
                    <DIV >
                        <#comment >
                        </#comment>
                        <DIV class= san  >
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                            <SPAN class= san-entry  >
                                <#comment >
                                </#comment>
tls13.foo.test
                            </SPAN>
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                        </DIV>
                    </DIV>
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid from
                </TD>
                <TD >
Mon, 20 Mar 2017 08:53:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid until
                </TD>
                <TD >
Wed, 18 May 2033 03:33:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Issuer
                </TD>
                <TD >
Super CA
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
                </TD>
                <TD >
                    <DEVTOOLS-BUTTON role=button class=origin-button jslog=Action; track: click; context: security.view-certificate-for-origin title=Open full certificate details >
Open full certificate details
                        <#document-fragment >
                            <#comment >
                            </#comment>
                            <STYLE >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                            </STYLE>
                            <BUTTON class=outlined title=Open full certificate details aria-label=Open full certificate details >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <SLOT >
                                </SLOT>
                            </BUTTON>
                        </#document-fragment>
                    </DEVTOOLS-BUTTON>
                </TD>
            </TR>
        </TABLE>
    </DIV>
</DIV>
Origin view (https://ech.foo.test) -------------
<DIV jslog=Pane; context: security.origin-view class=widget vbox security-origin-view slot=main >
    <STYLE >
    </STYLE>
    <STYLE >
    </STYLE>
    <DIV class=title-section >
        <DIV class=title-section-header role=heading aria-level=1 >
Origin
        </DIV>
        <DIV class=origin-display >
            <#comment >
            </#comment>
            <#comment >
            </#comment>
            <DEVTOOLS-ICON role=presentation name=lock class=security-property security-property-secure >
                <#document-fragment >
                    <STYLE >
                    </STYLE>
                    <SPAN style=--icon-url: var(--image-file-lock); >
                    </SPAN>
                </#document-fragment>
            </DEVTOOLS-ICON>
            <#comment >
            </#comment>
            <SPAN class=highlighted-url >
                <SPAN class=url-scheme-secure >
                    <#comment >
                    </#comment>
https
                </SPAN>
                <SPAN class=url-scheme-separator >
                    <#comment >
                    </#comment>
://
                </SPAN>
                <SPAN >
                    <#comment >
                    </#comment>
ech.foo.test
                </SPAN>
            </SPAN>
            <#comment >
            </#comment>
        </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 >
                    <#comment >
                    </#comment>
                    <STYLE >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                    </STYLE>
                    <BUTTON class=outlined >
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <#comment >
                        </#comment>
                        <SLOT >
                        </SLOT>
                    </BUTTON>
                </#document-fragment>
            </DEVTOOLS-BUTTON>
        </DIV>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Connection
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Protocol
                </TD>
                <TD >
TLS 1.3
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Key exchange
                </TD>
                <TD >
X25519
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Server signature
                </TD>
                <TD >
RSA-PSS with SHA-256
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Cipher
                </TD>
                <TD >
AES-128-GCM
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Encrypted ClientHello
                </TD>
                <TD >
enabled
                </TD>
            </TR>
        </TABLE>
    </DIV>
    <DIV class=origin-view-section >
        <DIV class=origin-view-section-title role=heading aria-level=2 >
Certificate
        </DIV>
        <TABLE class=details-table >
            <TR class=details-table-row >
                <TD >
Subject
                </TD>
                <TD >
ech.foo.test
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
SAN
                </TD>
                <TD >
                    <DIV >
                        <#comment >
                        </#comment>
                        <DIV class= san  >
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                            <SPAN class= san-entry  >
                                <#comment >
                                </#comment>
ech.foo.test
                            </SPAN>
                            <#comment >
                            </#comment>
                            <#comment >
                            </#comment>
                        </DIV>
                    </DIV>
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid from
                </TD>
                <TD >
Mon, 20 Mar 2017 08:53:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Valid until
                </TD>
                <TD >
Wed, 18 May 2033 03:33:20 GMT
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
Issuer
                </TD>
                <TD >
Super CA
                </TD>
            </TR>
            <TR class=details-table-row >
                <TD >
                </TD>
                <TD >
                    <DEVTOOLS-BUTTON role=button class=origin-button jslog=Action; track: click; context: security.view-certificate-for-origin title=Open full certificate details >
Open full certificate details
                        <#document-fragment >
                            <#comment >
                            </#comment>
                            <STYLE >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                            </STYLE>
                            <BUTTON class=outlined title=Open full certificate details aria-label=Open full certificate details >
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <#comment >
                                </#comment>
                                <SLOT >
                                </SLOT>
                            </BUTTON>
                        </#document-fragment>
                    </DEVTOOLS-BUTTON>
                </TD>
            </TR>
        </TABLE>
    </DIV>
</DIV>