updates (#53)

* Updates

* Update Test

* Add Tests

* Update README.md

Author: smashedr

README.md

@@ -14,7 +14,7 @@
 [Django Files](https://github.com/django-files/django-files) to view recent uploads, shorten URLs,
 and upload any Image, Video or Audio files with right click.
 
-> [!TIP]  
+> [!IMPORTANT]  
 > This Web Extension is designed to work with [Django Files](https://github.com/django-files/django-files).
 
 ## Table of Contents
@@ -31,28 +31,34 @@ and upload any Image, Video or Audio files with right click.
 *   [Google Chrome Web Store](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
 *   [Mozilla Firefox Add-ons](https://addons.mozilla.org/addon/django-files)
 
-[![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
-[![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png)](https://addons.mozilla.org/addon/django-files)
-[![Edge](https://raw.githubusercontent.com/alrra/browser-logos/main/src/edge/edge_48x48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
-[![Chromium](https://raw.githubusercontent.com/alrra/browser-logos/main/src/chromium/chromium_48x48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
-[![Brave](https://raw.githubusercontent.com/alrra/browser-logos/main/src/brave/brave_48x48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
-[![Vivaldi](https://raw.githubusercontent.com/alrra/browser-logos/main/src/vivaldi/vivaldi_48x48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
-[![Opera](https://raw.githubusercontent.com/alrra/browser-logos/main/src/opera/opera_48x48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
+[![Chrome](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/chrome_48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
+[![Firefox](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/firefox_48.png)](https://addons.mozilla.org/addon/django-files)
+[![Edge](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/edge_48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
+[![Chromium](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/chromium_48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
+[![Brave](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/brave_48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
+[![Opera](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/opera_48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
+[![Kiwi](https://raw.githubusercontent.com/smashedr/logo-icons/master/browsers/kiwi_48.png)](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej)
 
 All Chromium Based Browsers can install the extension from the
 [Chrome Web Store](https://chromewebstore.google.com/detail/django-files/abpbiefojfkekhkjnpakpekkpeibnjej).
 
+Mobile browser support available for
+[Firefox](https://addons.mozilla.org/addon/link-extractor) and
+[Kiwi](https://chromewebstore.google.com/detail/link-extractor/ifefifghpkllfibejafbakmflidjcjfp).
+
 ## Features
 
 *   View Recent Uploads on Popup
 *   Preview Popup Images on Hover.
 *   Set Private, Password, and Expiration.
+*   Customize Popup Icons, Width and Number of Files.
 *   Right Click any Image, Video, or Audio to Upload.
+*   Upload Directly to Albums with Context Menu.
 *   Right Click any URL to Shorten.
-*   Automatic Dark/Light Mode based on Browser Settings.
 *   Automatically Auth with Django Files.
+*   Automatic Dark/Light Mode based on Browser Settings.
 
-> [!TIP]
+> [!TIP]  
 > **Don't see your feature here?**
 > Request one on the [Feature Request Discussion](https://github.com/django-files/web-extension/discussions/categories/feature-requests).
 
@@ -62,6 +68,8 @@ You can pin the Addon by clicking the `Puzzle Piece`, find the `Django Files ico
 **Firefox**, click the `Settings Wheel` and `Pin to Toolbar`.  
 **Chrome**, click the `Pin` icon.
 
+More Information on the Website: [https://django-files.github.io/extension/](https://django-files.github.io/extension/#configure)
+
 ## Setup
 
 To automatically configure the web extension to work with your Django Files instance do the following:

src/html/options.html

@@ -168,7 +168,8 @@ <h1>Django Files Options</h1>
         </div>
         <div id="reloadMenu" class="ms-5 mb-2" style="display: none;">
             <div class="d-flex align-items-center">
-            <button id="reloadAlbums" class="btn btn-sm btn-outline-info" type="button">
+            <button id="reloadAlbums" class="btn btn-sm btn-outline-info" type="button"
+                    data-bs-toggle="tooltip" data-bs-title="Requires Django Files >= 0.15.0. Errors are only show in the console (Ctrl+Shift+I).">
                 <i class="fa-solid fa-arrows-rotate"></i> Reload Albums
             </button>
             <span id="albumsUpdated" class="text-success"  style="display: none;">

tests/test.js

@@ -109,6 +109,23 @@ async function getPage(name, log, size) {
     await page.keyboard.press('Enter')
     // await page.locator('.show-hide').click()
     await screenshot('options')
+
+    await page.locator('#reloadAlbums').click()
+    await page.waitForNetworkIdle()
+    await screenshot('options')
+
+    await page
+        .locator('.form-check:nth-of-type(3) input[name="radioBackground"]')
+        .click()
+    await page.waitForNetworkIdle()
+    await screenshot('options')
+
+    await page
+        .locator('.form-check:nth-of-type(1) input[name="radioBackground"]')
+        .click()
+    await page.waitForNetworkIdle()
+    await screenshot('options')
+
     await page.close()
 
     // // DF -https://github.com/puppeteer/puppeteer/issues/2486
@@ -126,5 +143,22 @@ async function getPage(name, log, size) {
     await page.waitForNetworkIdle()
     await screenshot('popup')
 
+    await page.hover('tr')
+    await page.locator('.ctx-button').click()
+    await page.waitForNetworkIdle()
+    await screenshot('popup')
+
+    await page.locator('[data-action="private"]').click()
+    await page.hover('tr')
+    await page.waitForNetworkIdle()
+    await screenshot('popup')
+
+    await page.hover('tr')
+    await page.locator('.ctx-button').click()
+    await page.locator('[data-action="private"]').click()
+    await page.hover('tr')
+    await page.waitForNetworkIdle()
+    await screenshot('popup')
+
     await browser.close()
 })()