test(web-react): use localName instead of tagName in element assertions

Author: dlouhak

packages/web-react/src/components/Stack/__tests__/Stack.test.tsx

@@ -94,12 +94,12 @@ describe('Stack', () => {
 
     const list = screen.getByRole('list');
 
-    expect(list.tagName).toBe('UL');
+    expect(list.localName).toBe('ul');
 
     const item = screen.getByTestId('item');
 
     expect(item).toBeInTheDocument();
-    expect(item.tagName).toBe('LI');
+    expect(item.localName).toBe('li');
     expect(item).toHaveTextContent('Item');
   });
 
@@ -112,12 +112,12 @@ describe('Stack', () => {
 
     const list = screen.getByRole('list');
 
-    expect(list.tagName).toBe('OL');
+    expect(list.localName).toBe('ol');
 
     const item = screen.getByTestId('item');
 
     expect(item).toBeInTheDocument();
-    expect(item.tagName).toBe('LI');
+    expect(item.localName).toBe('li');
     expect(item).toHaveTextContent('Item');
   });
 

packages/web-react/src/components/Stack/__tests__/StackItem.test.tsx

@@ -36,6 +36,6 @@ describe('StackItem', () => {
     const item = screen.getByTestId('standalone');
 
     expect(item).toBeInTheDocument();
-    expect(item.tagName).toBe('DIV');
+    expect(item.localName).toBe('div');
   });
 });

packages/web-react/src/components/UNSTABLE_Attachment/__tests__/UNSTABLE_AttachmentImagePreview.test.tsx

@@ -58,6 +58,6 @@ describe('UNSTABLE_AttachmentImagePreview', () => {
     const root = screen.getByTestId('preview-root');
 
     expect(root).toHaveClass('Attachment__image');
-    expect(root.tagName).toBe('SPAN');
+    expect(root.localName).toBe('span');
   });
 });