Fix browser tests

Author: hasanakg

resources/js/Pages/Results.vue

@@ -109,7 +109,7 @@
                 </form>
             </section>
         </section>
-        <cdx-dialog class="confirmation-dialog"
+        <cdx-dialog id="results-confirmation-dialog"
             :title="$i18n('confirmation-dialog-title')"
             v-model:open="confirmationDialog"
             :primary-action="{

tests/Browser/Components/DecisionDropdown.php

@@ -19,7 +19,7 @@ public function __construct(int $mismatchId)
      */
     public function selector()
     {
-        return "#mismatch-$this->mismatchId .wikit-Dropdown";
+        return "#mismatch-$this->mismatchId .cdx-select-vue";
     }
 
     /**
@@ -41,17 +41,17 @@ public function assert(Browser $browser)
     public function elements()
     {
         return [
-            '@select-menu' => '.wikit-Dropdown__select',
-            '@selected' => '.wikit-Dropdown__selectedOption',
-            '@menu-items' => '.wikit-Dropdown__menu'
+            '@select-menu' => '.cdx-select-vue__handle',
+            '@selected' => '.cdx-select-vue__handle',
+            '@menu-items' => '.cdx-menu__listbox'
         ];
     }
 
     public function selectPosition(Browser $browser, int $position, string $option)
     {
         $browser->click('@select-menu')
             ->within('@menu-items', function ($menu) use ($position, $option) {
-                $positionSelector = ".wikit-OptionsMenu__item:nth-child($position)";
+                $positionSelector = ".cdx-menu-item:nth-child($position)";
                 $menu->assertSeeIn($positionSelector, $option)
                     ->click($positionSelector);
             })

tests/Browser/ItemsFormTest.php

@@ -48,7 +48,9 @@ public function test_empty_item_list_yields_warning()
                     ->press('.submit-ids')
                     ->assertSee('Please provide the Item identifiers that should be checked.');
 
-            $this->assertStringContainsString('--warning', $browser->attribute('@items-input', 'class'));
+            $this->assertStringContainsString(
+            '--warning',
+            $browser->attribute('@items-input-validation-message', 'class'));
         });
     }
 
@@ -72,7 +74,9 @@ public function test_invalid_item_list_yields_error()
                     ->press('.submit-ids')
                     ->assertSee('One or more Item identifiers couldn\'t be processed.');
 
-            $this->assertStringContainsString('--error', $browser->attribute('@items-input', 'class'));
+            $this->assertStringContainsString(
+            '--error',
+            $browser->attribute('@items-input-validation-message', 'class'));
         });
     }
 

tests/Browser/Pages/HomePage.php

@@ -40,7 +40,8 @@ public function elements()
     {
         return [
             '@form' => '#items-form',
-            '@items-input' => '@form textarea'
+            '@items-input' => '@form textarea',
+            '@items-input-validation-message' => '@form .wikit-TextArea .wikit-ValidationMessage'
         ];
     }
 }

tests/Browser/Pages/ResultsPage.php

@@ -47,7 +47,7 @@ public function elements()
     {
         return [
             '@back-button' => '.back-button',
-            '@confirmation-dialog' => '.confirmation-dialog',
+            '@confirmation-dialog' => '#results-confirmation-dialog',
             '@disable-confirmation' => '.disable-confirmation',
             '@error-section' => '#error-section',
             '@disable-confirmation-label' => '.disable-confirmation>.wikit-checkbox__label'