add testids for attachments (#9892)

apps/browser/src/vault/popup/components/vault-v2/attachments/cipher-attachments/cipher-attachments.component.html

@@ -4,8 +4,8 @@
   <li *ngFor="let attachment of cipher.attachments">
     <bit-item>
       <bit-item-content>
-        {{ attachment.fileName }}
+        <span data-testid="file-name">{{ attachment.fileName }}</span>
-        <span slot="secondary">{{ attachment.sizeName }}</span>
+        <span slot="secondary" data-testid="file-size">{{ attachment.sizeName }}</span>
       </bit-item-content>
       <ng-container slot="end">
         <bit-item-action>

apps/browser/src/vault/popup/components/vault-v2/attachments/cipher-attachments/cipher-attachments.component.spec.ts

@@ -103,6 +103,24 @@ describe("CipherAttachmentsComponent", () => {
     expect(component.cipher).toEqual(cipherView);
   });
 
+  it("sets testids for automation testing", () => {
+    const attachment = {
+      id: "1234-5678",
+      fileName: "test file.txt",
+      sizeName: "244.2 KB",
+    } as AttachmentView;
+
+    component.cipher.attachments = [attachment];
+
+    fixture.detectChanges();
+
+    const fileName = fixture.debugElement.query(By.css('[data-testid="file-name"]'));
+    const fileSize = fixture.debugElement.query(By.css('[data-testid="file-size"]'));
+
+    expect(fileName.nativeElement.textContent).toEqual(attachment.fileName);
+    expect(fileSize.nativeElement.textContent).toEqual(attachment.sizeName);
+  });
+
   describe("bitSubmit", () => {
     beforeEach(() => {
       component.submitBtn.disabled = undefined;