diff --git a/e2e/ui-tests-app/app/bottom-navigation/font-icons-page.xml b/e2e/ui-tests-app/app/bottom-navigation/font-icons-page.xml
index d8f3476e6..fa4461325 100644
--- a/e2e/ui-tests-app/app/bottom-navigation/font-icons-page.xml
+++ b/e2e/ui-tests-app/app/bottom-navigation/font-icons-page.xml
@@ -3,7 +3,7 @@
   <ActionBar title="BottomNavigation font icons" icon="" class="action-bar">
   </ActionBar>
 
-  <BottomNavigation class="font-awesome"> <!-- TODO: The font-awesome class here should be removed -->
+  <BottomNavigation class="font-awesome" automationText="bottomNavigation" > <!-- TODO: The font-awesome class here should be removed -->
     <TabStrip>
         <!-- font family + font size + color -->
         <TabStripItem title="First" iconSource="font://&#xF10B;" class="special font-awesome font-size color"></TabStripItem>
diff --git a/e2e/ui-tests-app/e2e/suites/tab-navigation/bottom-navigation/bottom-navigation.e2e-spec.ts b/e2e/ui-tests-app/e2e/suites/tab-navigation/bottom-navigation/bottom-navigation.e2e-spec.ts
index a46b80f80..51e6d5369 100644
--- a/e2e/ui-tests-app/e2e/suites/tab-navigation/bottom-navigation/bottom-navigation.e2e-spec.ts
+++ b/e2e/ui-tests-app/e2e/suites/tab-navigation/bottom-navigation/bottom-navigation.e2e-spec.ts
@@ -210,6 +210,22 @@ describe(`${suite}-${spec}-suite`, async function () {
         await bottomNavigationBasePage.navigateBackToSuitMainPage();
     });
 
+    it(`${spec}-font-icons`, async function () {
+        await bottomNavigationBasePage.navigateToSample("font-icons");
+        await bottomNavigationBasePage.refreshBottomNavigationTab();
+        await driver.imageHelper.compareScreen();
+
+        await bottomNavigationBasePage.tabOnItem(1);
+        await driver.imageHelper.compareScreen();
+
+        await bottomNavigationBasePage.tabOnItem(2);
+        await driver.imageHelper.compareScreen();
+
+        assert.isTrue(driver.imageHelper.hasImageComparisonPassed());
+
+        await bottomNavigationBasePage.navigateBackToSuitMainPage();
+    });
+
     it(`${spec}-icon-change`, async function () {
         await bottomNavigationBasePage.navigateToSample("icon-change");
         await bottomNavigationBasePage.refreshBottomNavigationTab();