diff --git a/core/templates/core/_documents.html b/core/templates/core/_documents.html
index 79365bdf..45655a31 100644
--- a/core/templates/core/_documents.html
+++ b/core/templates/core/_documents.html
@@ -1,5 +1,5 @@
 <div class="fr-btns-group--right fr-mb-2w">
-    <button class="fr-btn fr-btn--secondary fr-btn--icon-left fr-icon-add-circle-line" data-fr-opened="false" aria-controls="fr-modal-2">
+    <button class="fr-btn fr-btn--secondary fr-btn--icon-left fr-icon-add-circle-line" data-testid="documents-add" data-fr-opened="false" aria-controls="fr-modal-2">
         Ajouter un document
     </button>
 </div>
diff --git a/core/templates/core/_fiche_bloc_commun.html b/core/templates/core/_fiche_bloc_commun.html
index b4209619..29c302de 100644
--- a/core/templates/core/_fiche_bloc_commun.html
+++ b/core/templates/core/_fiche_bloc_commun.html
@@ -9,7 +9,7 @@
                 <button id="tabpanel-405" class="fr-tabs__tab fr-icon-checkbox-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-405-panel">Contacts</button>
             </li>
             <li role="presentation">
-                <button id="tabpanel-406" class="fr-tabs__tab fr-icon-checkbox-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-406-panel">Documents</button>
+                <button id="tabpanel-406" class="fr-tabs__tab fr-icon-checkbox-line fr-tabs__tab--icon-left" tabindex="-1" role="tab" aria-selected="false" aria-controls="tabpanel-406-panel" data-testid="documents">Documents</button>
             </li>
         </ul>
         <div id="tabpanel-404-panel" class="fr-tabs__panel fr-tabs__panel--selected" role="tabpanel" aria-labelledby="tabpanel-404" tabindex="0">
diff --git a/core/templates/core/_modale_ajout_document.html b/core/templates/core/_modale_ajout_document.html
index 0deb545d..342f56c4 100644
--- a/core/templates/core/_modale_ajout_document.html
+++ b/core/templates/core/_modale_ajout_document.html
@@ -17,7 +17,7 @@
                         </div>
                         <div class="fr-modal__footer">
                                                     <div class="fr-btns-group fr-btns-group--right fr-btns-group--inline-lg">
-                            <button type="submit" class="fr-btn">Envoyer</button>
+                            <button type="submit" class="fr-btn" data-testid="documents-send">Envoyer</button>
                                                     </div>
                         </div>
                     </form>
diff --git a/sv/tests/test_fichedetection_documents.py b/sv/tests/test_fichedetection_documents.py
new file mode 100644
index 00000000..47eafaed
--- /dev/null
+++ b/sv/tests/test_fichedetection_documents.py
@@ -0,0 +1,30 @@
+from playwright.sync_api import Page, expect
+from ..models import FicheDetection
+
+def test_can_add_document_to_fiche_detection(
+    live_server, page: Page, fiche_detection: FicheDetection
+):
+    page.goto(f"{live_server.url}{fiche_detection.get_absolute_url()}")
+    page.get_by_test_id("documents").click()
+    expect(page.get_by_test_id("documents-add")).to_be_visible()
+    page.get_by_test_id("documents-add").click()
+
+    expect(page.locator("#fr-modal-2-title")).to_be_visible()
+
+    page.locator("#id_nom").fill("Name of the document")
+    page.locator("#id_document_type").select_option("autre")
+    page.locator("#id_description").fill("Description")
+    page.locator("#id_file").set_input_files('README.md')
+    page.get_by_test_id("documents-send").click()
+
+    page.wait_for_timeout(200)
+    assert fiche_detection.documents.count() == 1
+    document = fiche_detection.documents.get()
+
+    assert document.document_type == "autre"
+    assert document.nom == "Name of the document"
+    assert document.description == "Description"
+
+    # Check the document is now listed on the page
+    page.get_by_test_id("documents").click()
+    expect(page.get_by_text("Name of the document")).to_be_visible()
\ No newline at end of file