Update new snippet elements

The UI was changed so we need to update the page object.
Part of the UI is rendered using `_zen.html.haml` based on
parameters defined in `_form.html.haml`, so the element
`description_field` is actually defined by the selector in
`_form.html.haml` AND the code added to `_zen.html.haml`.
So we needed a fake 'element' to allow the sanity check
to verify that the code added to `_zen.html.haml` isn't changed

Removes the test from quarantine because the cause was clear
and the failures were consistent.

See https://gitlab.com/gitlab-org/gitlab/issues/205511

app/views/projects/_zen.html.haml

@@ -2,6 +2,7 @@
 - current_text ||= nil
 - supports_autocomplete = local_assigns.fetch(:supports_autocomplete, true)
 - supports_quick_actions = local_assigns.fetch(:supports_quick_actions, false)
+- qa_selector = local_assigns.fetch(:qa_selector, '')
 .zen-backdrop
   - classes << ' js-gfm-input js-autosize markdown-area'
   - if defined?(f) && f
@@ -10,7 +11,8 @@
       placeholder: placeholder,
       dir: 'auto',
       data: { supports_quick_actions: supports_quick_actions,
-        supports_autocomplete: supports_autocomplete }
+        supports_autocomplete: supports_autocomplete,
+        qa_selector: qa_selector }
   - else
     = text_area_tag attr, current_text, class: classes, placeholder: placeholder
   %a.zen-control.zen-control-leave.js-zen-leave{ href: "#" }

app/views/shared/snippets/_form.html.haml

@@ -16,10 +16,10 @@
       = f.label :description, s_("Snippets|Description (optional)"), class: 'label-bold'
       .js-collapsible-input
         .js-collapsed{ class: ('d-none' if is_expanded) }
-          = text_field_tag nil, nil, class: 'form-control', placeholder: description_placeholder
+          = text_field_tag nil, nil, class: 'form-control', placeholder: description_placeholder, data: { qa_selector: 'description_placeholder' }
         .js-expanded{ class: ('d-none' if !is_expanded) }
           = render layout: 'projects/md_preview', locals: { url: preview_markdown_path(@project), referenced_users: true } do
-            = render 'projects/zen', f: f, attr: :description, classes: 'note-textarea', placeholder: description_placeholder
+            = render 'projects/zen', f: f, attr: :description, classes: 'note-textarea', placeholder: description_placeholder, qa_selector: 'description_field'
             = render 'shared/notes/hints'
 
     .form-group.file-editor

qa/qa/page/dashboard/snippet/new.rb

@@ -10,17 +10,25 @@ module QA
           end
 
           view 'app/views/shared/snippets/_form.html.haml' do
+            element :description_field
+            element :description_placeholder
             element :snippet_title
             element :snippet_file_name
             element :create_snippet_button
           end
 
+          view 'app/views/projects/_zen.html.haml' do
+            # This 'element' is here only to ensure the changes in the view source aren't mistakenly changed
+            element :_, "qa_selector = local_assigns.fetch(:qa_selector, '')" # rubocop:disable QA/ElementWithPattern
+          end
+
           def fill_title(title)
             fill_element :snippet_title, title
           end
 
           def fill_description(description)
-            fill_element :issuable_form_description, description
+            click_element :description_placeholder
+            fill_element :description_field, description
           end
 
           def set_visibility(visibility)

qa/qa/specs/features/browser_ui/3_create/snippet/create_snippet_spec.rb

 # frozen_string_literal: true
 
 module QA
-  context 'Create', :smoke, quarantine: { issue: 'https://gitlab.com/gitlab-org/gitlab/issues/205511', type: :bug } do
+  context 'Create', :smoke do
     describe 'Snippet creation' do
       it 'User creates a snippet' do
         Flow::Login.sign_in