Fix EmptyState typography tests

Author: sam-b-rose

polaris-react/src/components/EmptySearchResult/tests/EmptySearchResult.test.tsx

@@ -8,12 +8,15 @@ import {emptySearch} from '../illustrations';
 describe('<EmptySearchResult />', () => {
   it("displays the title with style 'Display Small'", () => {
     const wrapper = mountWithApp(<EmptySearchResult title="Foo" />);
-    const displaySmalls = wrapper.findWhere(
-      (wrap) => wrap.is(Text) && wrap.prop('variant') === 'headingXl',
+    const textHeadingLg = wrapper.findWhere(
+      (wrap) => wrap.is(Text) && wrap.prop('variant') === 'headingLg',
     );
 
-    expect(wrapper).toContainReactComponent(Text, {variant: 'headingXl'});
-    expect(displaySmalls).toContainReactText('Foo');
+    expect(wrapper).toContainReactComponent(Text, {
+      variant: 'headingLg',
+      as: 'p',
+    });
+    expect(textHeadingLg).toContainReactText('Foo');
   });
 
   it("displays the description with style 'Body Subdued'", () => {

polaris-react/src/components/EmptyState/tests/EmptyState.test.tsx

@@ -153,19 +153,19 @@ describe('<EmptyState />', () => {
       );
       const text = emptyState.find(Text)!;
 
-      expect(text).toHaveReactProps({variant: 'heading2xl'});
+      expect(text).toHaveReactProps({variant: 'headingXl'});
       expect(text).toContainReactText(expectedHeading);
     });
 
-    it('renders a headingXl Text when in a content context', () => {
+    it('renders a headingLg Text when in a content context', () => {
       const emptyStateInContentContext = mountWithApp(
         <WithinContentContext.Provider value>
           <EmptyState heading="Heading" image={imgSrc} />
         </WithinContentContext.Provider>,
       );
 
       expect(emptyStateInContentContext).toContainReactComponent(Text, {
-        variant: 'headingXl',
+        variant: 'headingLg',
       });
     });
   });