1 files changed, 73 insertions, 0 deletions
diff --git a/qa/qa/specs/features/browser_ui/3_create/web_ide_new/add_new_directory_in_web_ide_spec.rb b/qa/qa/specs/features/browser_ui/3_create/web_ide_new/add_new_directory_in_web_ide_spec.rb
new file mode 100644
index 00000000000..7b40c8a62c1
--- /dev/null
+++ b/qa/qa/specs/features/browser_ui/3_create/web_ide_new/add_new_directory_in_web_ide_spec.rb
@@ -0,0 +1,73 @@
+# frozen_string_literal: true
+
+module QA
+  RSpec.describe 'Create', feature_flag: { name: 'vscode_web_ide', scope: :global }, product_group: :editor do
+    describe 'Add a directory in Web IDE' do
+      let(:project) do
+        Resource::Project.fabricate_via_api! do |project|
+          project.name = 'add-directory-project'
+          project.initialize_with_readme = true
+        end
+      end
+
+      before do
+        Runtime::Feature.enable(:vscode_web_ide)
+        Flow::Login.sign_in
+        project.visit!
+      end
+
+      after do
+        Runtime::Feature.disable(:vscode_web_ide)
+      end
+
+      context 'when a directory with the same name already exists' do
+        let(:directory_name) { 'first_directory' }
+
+        before do
+          Resource::Repository::Commit.fabricate_via_api! do |commit|
+            commit.project = project
+            commit.add_files(
+              [
+                {
+                  file_path: 'first_directory/test_file.txt',
+                  content: "Test file content"
+                }
+              ])
+          end
+          project.visit!
+        end
+
+        it 'throws an error', testcase: 'https://gitlab.com/gitlab-org/gitlab/-/quality/test_cases/386760' do
+          Page::Project::Show.perform(&:open_web_ide!)
+          Page::Project::WebIDE::VSCode.perform do |ide|
+            ide.wait_for_ide_to_load
+            ide.create_new_folder(directory_name)
+            ide.within_vscode_editor do
+              expect(page).to have_content('A file or folder first_directory already exists at this location.')
+            end
+          end
+        end
+      end
+
+      context 'when user adds a new empty directory' do
+        let(:directory_name) { 'new_empty_directory' }
+
+        before do
+          Page::Project::Show.perform(&:open_web_ide!)
+        end
+
+        it 'shows successfully but not able to be committed',
+testcase: 'https://gitlab.com/gitlab-org/gitlab/-/quality/test_cases/386761' do
+          Page::Project::WebIDE::VSCode.perform do |ide|
+            ide.wait_for_ide_to_load
+            ide.create_new_folder(directory_name)
+            ide.commit_and_push(directory_name)
+            ide.within_vscode_editor do
+              expect(page).to have_content('No changes found. Not able to commit.')
+            end
+          end
+        end
+      end
+    end
+  end
+end