# Snapshot report for `test/web/otp.js`

The actual snapshot is saved in `otp.js.snap`.

Generated by [AVA](https://avajs.dev).

## GET otp/login > successful

> Snapshot 1

    '<!DOCTYPE html><html class="h-100" lang="en"><body class="d-flex flex-column min-h-100" role="document"><div class="fixed-top fade" id="spinner"><div class="sk-fading-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div><div class="sk-circle4 sk-circle"></div><div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div><div class="sk-circle8 sk-circle"></div><div class="sk-circle9 sk-circle"></div><div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div></div><nav class="fixed-top bg-light border border-top-0 border-left-0 border-right-0 navbar navbar-expand-md navbar-light"><button class="navbar-toggler bg-light hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><a class="navbar-brand d-inline-block m-0 p-0" href="/en/my-account"><img class="d-inline-block mr-1" src="http://localhost:3000/img/logo-square.svg" width="50" height="50" alt=""><h1 class="h2 d-inline-block align-middle m-0">Lad</h1></a><div class="collapse navbar-collapse" id="navbar-header"><ul class="navbar-nav ml-auto"><li class="nav-item ml-md-1 mt-3 mt-md-0"><a class="btn btn-lg d-block text-left text-md-center btn-outline-dark" href="/en/dashboard">Dashboard</a></li><li class="nav-item dropdown ml-md-1 mt-1 mt-md-0"><a class="btn btn-lg dropdown-toggle d-block text-left text-md-center btn-outline-dark" id="navbar-dropdown-my-account" href="/en/my-account" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">My Account</a><div class="dropdown-menu" aria-labelledby="navbar-dropdown-admin"><a class="dropdown-item" href="/en/my-account">Profile</a><a class="dropdown-item" href="/en/my-account/security">Security</a></div></li><li class="nav-item ml-md-1 mt-1 mt-md-0"><a class="btn btn-lg btn-outline-secondary d-block text-left text-md-center" href="/en/logout">Log out</a></li></ul></div></nav><main class="flex-grow-1 d-flex flex-column flex-grow-1" role="main"><div class="modal fade" id="modal-recovery" tabindex="-1" role="dialog" aria-labelledby="modal-domain-title" aria-hidden="true"><div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header text-center d-block"><h4 class="modal-title d-inline-block ml-4" id="modal-recovery-title">Account Recovery</h4><button class="close" type="button" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"><form class="ajax-form confirm-prompt" action="/en/otp/recovery" method="POST"><input type="hidden" name="_csrf"><p>If you can\'t access your authenticator app or lose your recovery keys, then you can submit a request for your account to be unlocked.</p><ol><li>Verify access to your email address with a code emailed to you.</li><li>Wait 3-5 business days for an administrative follow-up email.</li><li>Access to your account will be unlocked for you.</li></ol><button class="btn btn-primary btn-block btn-lg" type="submit">Continue</button></form></div></div></div></div><div class="container py-3"><h1 class="my-3 py-3 text-center">Two-Factor Check</h1><div class="row"><div class="col-sm-12 col-md-8 offset-md-2 col-lg-6 offset-lg-3"><form class="ajax-form" action="/en/otp/login" method="POST" autocomplete="off"><input type="hidden" name="_csrf"><div class="form-group floating-label"><input class="form-control form-control-lg" id="input-text" type="text" autofocus autocomplete="off" name="passcode" placeholder=" "><label for="input-passcode">Passcode</label></div><div class="form-group form-check"><input class="form-check-input" type="checkbox" name="otp_remember_me" value="true" id="otp-remember-me"><label class="form-check-label" for="otp-remember-me">Don\'t ask me again in this browser</label></div><button class="btn btn-primary btn-block btn-lg" type="submit">Continue</button></form><div class="alert alert-warning mt-3 text-center"><ul class="list-inline mb-0"><li class="list-inline-item">Having trouble?</li><li class="list-inline-item"><a class="alert-link" href="/en/otp/keys">Use a recovery key</a></li></ul></div><ul class="list-inline text-center mb-0"><li class="list-inline-item"><small class="text-muted">Lose your recovery keys?</small></li><li class="list-inline-item"><small><a class="text-danger" href="#" data-toggle="modal-anchor" data-target="#modal-recovery">Request account recovery</a></small></li></ul></div></div></div></main><footer class="mt-auto"><div class="bg-dark text-white-50"><div class="container py-5 text-center text-md-left"><div class="d-flex flex-column flex-md-row"><div class="flex-nowrap order-3 order-md-0 d-flex flex-column flex-grow-1"><hr class="d-md-none"><div class="dropdown dropup"><a class="btn btn-outline-light dropdown-toggle" href="/en/otp/login" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="navbar-dropdown-language-btn">English </a><ul class="dropdown-menu" id="navbar-dropdown-language-ul" role="menu" aria-expanded="false" aria-hidden="true" aria-labelledby="navbar-dropdown-language-btn"><li><a class="dropdown-item" href="/ar/otp/login">Arabic </a></li><li><a class="dropdown-item" href="/zh/otp/login">Chinese </a></li><li><a class="dropdown-item" href="/cs/otp/login">Czech </a></li><li><a class="dropdown-item" href="/da/otp/login">Danish </a></li><li><a class="dropdown-item" href="/nl/otp/login">Dutch </a></li><li><a class="dropdown-item" href="/fi/otp/login">Finnish </a></li><li><a class="dropdown-item" href="/fr/otp/login">French </a></li><li><a class="dropdown-item" href="/de/otp/login">German </a></li><li><a class="dropdown-item" href="/he/otp/login">Hebrew </a></li><li><a class="dropdown-item" href="/hu/otp/login">Hungarian </a></li><li><a class="dropdown-item" href="/id/otp/login">Indonesian </a></li><li><a class="dropdown-item" href="/it/otp/login">Italian </a></li><li><a class="dropdown-item" href="/ja/otp/login">Japanese </a></li><li><a class="dropdown-item" href="/ko/otp/login">Korean </a></li><li><a class="dropdown-item" href="/no/otp/login">Norwegian </a></li><li><a class="dropdown-item" href="/pl/otp/login">Polish </a></li><li><a class="dropdown-item" href="/pt/otp/login">Portuguese </a></li><li><a class="dropdown-item" href="/ru/otp/login">Russian </a></li><li><a class="dropdown-item" href="/es/otp/login">Spanish </a></li><li><a class="dropdown-item" href="/sv/otp/login">Swedish </a></li><li><a class="dropdown-item" href="/th/otp/login">Thai </a></li><li><a class="dropdown-item" href="/tr/otp/login">Turkish </a></li><li><a class="dropdown-item" href="/uk/otp/login">Ukrainian </a></li><li><a class="dropdown-item" href="/vi/otp/login">Vietnamese </a></li></ul></div><hr class="d-md-none"><div class="mt-auto"><img class="d-inline-block mr-2" src="http://localhost:3000/img/logo-square.svg" width="50" height="50" alt=""><div class="d-inline-block text-muted">&copy; Lad</div></div></div><div class="flex-wrap flex-fill"><h5 class="mb-2">Developers</h5><ul class="list-unstyled"><li><a class="text-light" href="&lt;%= repo %&gt;">Documentation</a></li></ul></div><hr class="d-md-none"><div class="flex-wrap flex-fill"><h5 class="mb-2">Resources</h5><ul class="list-unstyled"><li><a class="text-light" href="/en/support">Support</a></li><li><a class="text-light" href="/en/privacy">Privacy</a></li><li><a class="text-light" href="/en/terms">Terms</a></li></ul></div><hr class="d-md-none"><div class="flex-wrap flex-fill d-flex flex-column"><div><h5 class="mb-2">Company</h5><ul class="list-unstyled"><li><a class="text-light" href="/en/about">About</a></li></ul></div><div class="mt-auto"><ul class="list-inline mb-0"><li class="list-inline-item"><a class="text-light" href="https://twitter.com/niftylettuce" target="_blank"><i class="fa fa-2x fa-twitter"></i></a></li></ul></div></div></div></div></div></footer></body></html>'

## GET otp/keys > successful

> Snapshot 1

    '<!DOCTYPE html><html class="h-100" lang="en"><body class="d-flex flex-column min-h-100" role="document"><div class="fixed-top fade" id="spinner"><div class="sk-fading-circle"><div class="sk-circle1 sk-circle"></div><div class="sk-circle2 sk-circle"></div><div class="sk-circle3 sk-circle"></div><div class="sk-circle4 sk-circle"></div><div class="sk-circle5 sk-circle"></div><div class="sk-circle6 sk-circle"></div><div class="sk-circle7 sk-circle"></div><div class="sk-circle8 sk-circle"></div><div class="sk-circle9 sk-circle"></div><div class="sk-circle10 sk-circle"></div><div class="sk-circle11 sk-circle"></div><div class="sk-circle12 sk-circle"></div></div></div><nav class="fixed-top bg-light border border-top-0 border-left-0 border-right-0 navbar navbar-expand-md navbar-light"><button class="navbar-toggler bg-light hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><a class="navbar-brand d-inline-block m-0 p-0" href="/en/my-account"><img class="d-inline-block mr-1" src="http://localhost:3000/img/logo-square.svg" width="50" height="50" alt=""><h1 class="h2 d-inline-block align-middle m-0">Lad</h1></a><div class="collapse navbar-collapse" id="navbar-header"><ul class="navbar-nav ml-auto"><li class="nav-item ml-md-1 mt-3 mt-md-0"><a class="btn btn-lg d-block text-left text-md-center btn-outline-dark" href="/en/dashboard">Dashboard</a></li><li class="nav-item dropdown ml-md-1 mt-1 mt-md-0"><a class="btn btn-lg dropdown-toggle d-block text-left text-md-center btn-outline-dark" id="navbar-dropdown-my-account" href="/en/my-account" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">My Account</a><div class="dropdown-menu" aria-labelledby="navbar-dropdown-admin"><a class="dropdown-item" href="/en/my-account">Profile</a><a class="dropdown-item" href="/en/my-account/security">Security</a></div></li><li class="nav-item ml-md-1 mt-1 mt-md-0"><a class="btn btn-lg btn-outline-secondary d-block text-left text-md-center" href="/en/logout">Log out</a></li></ul></div></nav><main class="flex-grow-1 d-flex flex-column flex-grow-1" role="main"><div class="container py-3"><div class="row"><div class="col-xs-12 col-sm-12 col-md-6 offset-md-3 col-lg-6 offset-lg-3 text-center"><h1 class="my-3 py-3">Recovery Key</h1><form class="ajax-form" action="/en/otp/keys" method="POST" autocomplete="off"><input type="hidden" name="_csrf"><div class="form-group floating-label"><input class="form-control form-control-lg" id="input-text" type="text" autofocus required autocomplete="off" name="recovery_key" placeholder=" "><label for="recovery_key">Recovery Key</label></div><button class="btn btn-primary btn-block btn-lg" type="submit">Continue</button></form></div></div></div></main><footer class="mt-auto"><div class="bg-dark text-white-50"><div class="container py-5 text-center text-md-left"><div class="d-flex flex-column flex-md-row"><div class="flex-nowrap order-3 order-md-0 d-flex flex-column flex-grow-1"><hr class="d-md-none"><div class="dropdown dropup"><a class="btn btn-outline-light dropdown-toggle" href="/en/otp/keys" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="navbar-dropdown-language-btn">English </a><ul class="dropdown-menu" id="navbar-dropdown-language-ul" role="menu" aria-expanded="false" aria-hidden="true" aria-labelledby="navbar-dropdown-language-btn"><li><a class="dropdown-item" href="/ar/otp/keys">Arabic </a></li><li><a class="dropdown-item" href="/zh/otp/keys">Chinese </a></li><li><a class="dropdown-item" href="/cs/otp/keys">Czech </a></li><li><a class="dropdown-item" href="/da/otp/keys">Danish </a></li><li><a class="dropdown-item" href="/nl/otp/keys">Dutch </a></li><li><a class="dropdown-item" href="/fi/otp/keys">Finnish </a></li><li><a class="dropdown-item" href="/fr/otp/keys">French </a></li><li><a class="dropdown-item" href="/de/otp/keys">German </a></li><li><a class="dropdown-item" href="/he/otp/keys">Hebrew </a></li><li><a class="dropdown-item" href="/hu/otp/keys">Hungarian </a></li><li><a class="dropdown-item" href="/id/otp/keys">Indonesian </a></li><li><a class="dropdown-item" href="/it/otp/keys">Italian </a></li><li><a class="dropdown-item" href="/ja/otp/keys">Japanese </a></li><li><a class="dropdown-item" href="/ko/otp/keys">Korean </a></li><li><a class="dropdown-item" href="/no/otp/keys">Norwegian </a></li><li><a class="dropdown-item" href="/pl/otp/keys">Polish </a></li><li><a class="dropdown-item" href="/pt/otp/keys">Portuguese </a></li><li><a class="dropdown-item" href="/ru/otp/keys">Russian </a></li><li><a class="dropdown-item" href="/es/otp/keys">Spanish </a></li><li><a class="dropdown-item" href="/sv/otp/keys">Swedish </a></li><li><a class="dropdown-item" href="/th/otp/keys">Thai </a></li><li><a class="dropdown-item" href="/tr/otp/keys">Turkish </a></li><li><a class="dropdown-item" href="/uk/otp/keys">Ukrainian </a></li><li><a class="dropdown-item" href="/vi/otp/keys">Vietnamese </a></li></ul></div><hr class="d-md-none"><div class="mt-auto"><img class="d-inline-block mr-2" src="http://localhost:3000/img/logo-square.svg" width="50" height="50" alt=""><div class="d-inline-block text-muted">&copy; Lad</div></div></div><div class="flex-wrap flex-fill"><h5 class="mb-2">Developers</h5><ul class="list-unstyled"><li><a class="text-light" href="&lt;%= repo %&gt;">Documentation</a></li></ul></div><hr class="d-md-none"><div class="flex-wrap flex-fill"><h5 class="mb-2">Resources</h5><ul class="list-unstyled"><li><a class="text-light" href="/en/support">Support</a></li><li><a class="text-light" href="/en/privacy">Privacy</a></li><li><a class="text-light" href="/en/terms">Terms</a></li></ul></div><hr class="d-md-none"><div class="flex-wrap flex-fill d-flex flex-column"><div><h5 class="mb-2">Company</h5><ul class="list-unstyled"><li><a class="text-light" href="/en/about">About</a></li></ul></div><div class="mt-auto"><ul class="list-inline mb-0"><li class="list-inline-item"><a class="text-light" href="https://twitter.com/niftylettuce" target="_blank"><i class="fa fa-2x fa-twitter"></i></a></li></ul></div></div></div></div></div></footer></body></html>'
