commit 6904e0cc2f0efe0b5067e1271b2b49fd90d36b68
Author: OverPoweredDev <omkar.prabhune19@vit.edu>
Date:   Mon Jun 28 08:58:05 2021 +0530

    added new tests to options and settings

diff --git a/src/popup/options.html b/src/popup/options.html
index b4dbd01..7aefeb2 100644
--- a/src/popup/options.html
+++ b/src/popup/options.html
@@ -44,7 +44,7 @@
     </div>
     <div class="website-table">
         <div class="table-wrapper-scroll-y website-table-scrollbar">
-            <table class="table table-condensed table-striped mb-0">
+            <table id="website-table" class="table table-condensed table-striped mb-0">
                 <thead class="table-fix-head">
                 <tr>
                     <th scope="col"></th>
@@ -59,6 +59,6 @@
     </div>
 </div>
 <div class="additional-settings-div">
-    <a href="../settings/settings.html" target="_blank">Additional Settings</a>
+    <a id="additional-settings" href="../settings/settings.html" target="_blank">Additional Settings</a>
 </div>
 </body>
diff --git a/src/settings/settings.html b/src/settings/settings.html
index 6ade22f..9a1046a 100644
--- a/src/settings/settings.html
+++ b/src/settings/settings.html
@@ -51,7 +51,7 @@
   </div>
   <div class="website-table">
     <div class="table-wrapper-scroll-y website-table-scrollbar">
-      <table class="table table-condensed table-striped mb-0">
+      <table id="website-table" class="table table-condensed table-striped mb-0">
         <thead class="table-fix-head">
         <tr>
           <th scope="col"></th>
diff --git a/tests/options.test.js b/tests/options.test.js
index 3ce746b..73d5e75 100644
--- a/tests/options.test.js
+++ b/tests/options.test.js
@@ -21,6 +21,27 @@ describe('Options Testing', async function () {
     it('UI Elements are Rendered', async function (){
         extensionOptions = await browser.newPage();
         await extensionOptions.goto(`chrome-extension://${extensionID}/${extensionEndURL}`);
+
+        let targetButton = await extensionOptions.$('#default-target-language-button');
+        assert.ok(targetButton, ' does not Load');
+
+        let targetDropdown = await extensionOptions.$('#target-language-dropdown');
+        assert.ok(targetDropdown, ' does not Load');
+
+        let websiteTable = await extensionOptions.$('#website-table');
+        assert.ok(websiteTable, ' does not Load');
+
+        let additionalSettingsLink = await extensionOptions.$('#additional-settings');
+        assert.ok(additionalSettingsLink, ' does not Load');
+
+    });
+
+    it('Website Table shows elements', async function (){
+        //TODO
+    });
+
+    it('Website can be deleted from Table', async function () {
+        //TODO
     });
 
     after(async function (){
diff --git a/tests/settings.test.js b/tests/settings.test.js
index 762665a..0adf445 100644
--- a/tests/settings.test.js
+++ b/tests/settings.test.js
@@ -21,6 +21,21 @@ describe('Settings Testing', async function () {
     it('UI Elements are Rendered', async function (){
         extensionSettings = await browser.newPage();
         await extensionSettings.goto(`chrome-extension://${extensionID}/${extensionEndURL}`);
+
+        let targetButton = await extensionSettings.$('#default-target-language-button');
+        assert.ok(targetButton, ' does not Load');
+
+        let targetDropdown = await extensionSettings.$('#target-language-dropdown');
+        assert.ok(targetDropdown, ' does not Load');
+
+        let sourceSelectDropdown = await extensionSettings.$('#source-select');
+        assert.ok(sourceSelectDropdown, ' does not Load');
+
+        let lastUpdated = await extensionSettings.$('#last-updated');
+        assert.ok(lastUpdated, ' does not Load');
+
+        let websiteTable = await extensionSettings.$('#website-table');
+        assert.ok(websiteTable, ' does not Load');
     });
 
     after(async function (){