1
0
mirror of https://github.com/bitwarden/browser.git synced 2024-12-27 17:18:04 +01:00

PM-10982 add passkey field in login view. add testid for qa (#10634)

This commit is contained in:
Jason Ng 2024-08-22 16:38:41 -04:00 committed by GitHub
parent 404d514e53
commit 887d1924a3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 36 additions and 4 deletions

View File

@ -8,12 +8,20 @@
<bit-label>
{{ "website" | i18n }}
</bit-label>
<input readonly bitInput type="text" [value]="login.hostOrUri" aria-readonly="true" />
<input
readonly
bitInput
type="text"
[value]="login.hostOrUri"
aria-readonly="true"
data-testid="login-website"
/>
<button
bitIconButton="bwi-external-link"
bitSuffix
type="button"
(click)="openWebsite(login.launchUri)"
data-testid="launch-website"
></button>
<button
bitIconButton="bwi-clone"
@ -23,6 +31,7 @@
[valueLabel]="'website' | i18n"
showToast
[appA11yTitle]="'copyValue' | i18n"
data-testid="copy-website"
></button>
</bit-form-field>
</ng-container>

View File

@ -23,7 +23,7 @@
[valueLabel]="'username' | i18n"
showToast
[appA11yTitle]="'copyValue' | i18n"
data-testid="toggle-username"
data-testid="copy-username"
></button>
</bit-form-field>
<bit-form-field *ngIf="cipher.login.password">
@ -74,6 +74,17 @@
[showCount]="true"
></bit-color-password>
</div>
<bit-form-field *ngIf="cipher.login?.fido2Credentials?.length > 0">
<bit-label>{{ "typePasskey" | i18n }} </bit-label>
<input
readonly
bitInput
type="text"
[value]="fido2CredentialCreationDateValue"
aria-readonly="true"
data-testid="login-passkey"
/>
</bit-form-field>
<bit-form-field *ngIf="cipher.login.totp">
<bit-label
>{{ "verificationCodeTotp" | i18n }}

View File

@ -1,10 +1,11 @@
import { CommonModule } from "@angular/common";
import { Component, Input } from "@angular/core";
import { CommonModule, DatePipe } from "@angular/common";
import { Component, inject, Input } from "@angular/core";
import { Router } from "@angular/router";
import { Observable, shareReplay } from "rxjs";
import { JslibModule } from "@bitwarden/angular/jslib.module";
import { BillingAccountProfileStateService } from "@bitwarden/common/billing/abstractions";
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
import { CipherView } from "@bitwarden/common/vault/models/view/cipher.view";
import {
CardComponent,
@ -47,12 +48,23 @@ export class LoginCredentialsViewComponent {
showPasswordCount: boolean = false;
passwordRevealed: boolean = false;
totpCopyCode: string;
private datePipe = inject(DatePipe);
constructor(
private billingAccountProfileStateService: BillingAccountProfileStateService,
private router: Router,
private i18nService: I18nService,
) {}
get fido2CredentialCreationDateValue(): string {
const dateCreated = this.i18nService.t("dateCreated");
const creationDate = this.datePipe.transform(
this.cipher.login.fido2Credentials[0]?.creationDate,
"short",
);
return `${dateCreated} ${creationDate}`;
}
async getPremium() {
await this.router.navigate(["/premium"]);
}