From 2fbcff5abb649639c19f86aee9448f8db564ffaa Mon Sep 17 00:00:00 2001
From: Bob den Otter <bob@twokings.nl>
Date: Sat, 19 Sep 2020 13:03:05 +0200
Subject: [PATCH] Working on tests

---
 assets/js/app/editor/Components/Collection.vue |  2 +-
 tests/e2e/edit_record_1.feature                | 18 ++++++++----------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/assets/js/app/editor/Components/Collection.vue b/assets/js/app/editor/Components/Collection.vue
index a90f5105..fcb08551 100644
--- a/assets/js/app/editor/Components/Collection.vue
+++ b/assets/js/app/editor/Components/Collection.vue
@@ -34,7 +34,7 @@
     </div>
 
     <div class="row">
-      <div class="my-auto" style="margin: 1rem;">{{ labels.add_collection_item }}:</div>
+      <span class="my-auto" style="margin: 1rem;">{{ labels.add_collection_item }}:</span>
       <div v-if="templates.length > 1" class="dropdown">
         <button
           id="dropdownMenuButton"
diff --git a/tests/e2e/edit_record_1.feature b/tests/e2e/edit_record_1.feature
index 4dbe30f3..47d95394 100644
--- a/tests/e2e/edit_record_1.feature
+++ b/tests/e2e/edit_record_1.feature
@@ -216,23 +216,22 @@ Feature: Edit record
     Then I should be on "/bolt/edit/43#collections"
     And I should see "Collection:" in the "label[for='field-collection']" element
 
-    #templates dropdown
-    When I scroll "Add item to Collection" into view
-    And I click "Add item to Collection"
+    # Collection templates dropdown
+    When I scroll "Select …" into view
+    And I click "Select …"
     # Click add set
-    And I click "#field-collection-collection > div > div.dropdown.show > div > a:nth-child(2)"
+    And I click "#field-collection-collection > div > div > div.dropdown.show > div > a:nth-child(2)"
 
     Then I should see an ".collection-item" element
     And I should see an ".trumbowyg-editor" element
-#    And I should see "Textarea" in the "#collections label[for='field-collection-textarea-2']" element
 
     And the 1st ".action-move-up-collection-item" button should be disabled
     And the 3rd ".action-move-down-collection-item" button should be disabled
 
-    When I scroll "Add item to Collection" into view
-    And I click "Add item to Collection"
+    When I scroll "Select …" into view
+    When I click "Select …"
     # Click add textarea
-    And I click "#field-collection-collection > div > div.dropdown.show > div > a:nth-child(1)"
+    And I click "#field-collection-collection > div > div > div.dropdown.show > div > a:nth-child(1)"
 
     Then I should see 4 ".collection-item" elements
 
@@ -242,8 +241,7 @@ Feature: Edit record
     And I scroll the 3rd "Move down" into view
     And I press the 3rd "Move down" button
 
-    Then I should see "Set:" in the 3rd "#collections .collection-item" element
-    And I should see "Textarea:" in the 3rd "#collections .collection-item label" element
+    Then I should see "Set inside Collection" in the 3rd "#collections .collection-item" element
 
     When I scroll "Save changes" into view
     And I press "Save changes"