diff --git a/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper/DatasourcePanelDragWrapper.test.tsx b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper/DatasourcePanelDragWrapper.test.tsx
new file mode 100644
index 0000000000000..7698f7328ca3d
--- /dev/null
+++ b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper/DatasourcePanelDragWrapper.test.tsx
@@ -0,0 +1,58 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import React from 'react';
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import { render, screen } from 'spec/helpers/testing-library';
+import { DndItemType } from 'src/explore/components/DndItemType';
+import DatasourcePanelDragWrapper from '.';
+
+test('should render', () => {
+  render(
+    <DndProvider backend={HTML5Backend}>
+      <DatasourcePanelDragWrapper
+        value={{ metric_name: 'test' }}
+        type={DndItemType.Metric}
+      >
+        <div data-test="children" />
+      </DatasourcePanelDragWrapper>
+    </DndProvider>,
+  );
+
+  expect(screen.getByTestId('DatasourcePanelDragWrapper')).toBeInTheDocument();
+  expect(screen.getByTestId('children')).toBeInTheDocument();
+});
+
+test('should have attribute draggable:true', () => {
+  render(
+    <DndProvider backend={HTML5Backend}>
+      <DatasourcePanelDragWrapper
+        value={{ metric_name: 'test' }}
+        type={DndItemType.Metric}
+      >
+        <div data-test="children" />
+      </DatasourcePanelDragWrapper>
+    </DndProvider>,
+  );
+
+  expect(screen.getByTestId('DatasourcePanelDragWrapper')).toHaveAttribute(
+    'draggable',
+    'true',
+  );
+});
diff --git a/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper.tsx b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper/index.tsx
similarity index 92%
rename from superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper.tsx
rename to superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper/index.tsx
index 4c8e2aaed685f..e12c7f9ed616b 100644
--- a/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper.tsx
+++ b/superset-frontend/src/explore/components/DatasourcePanel/DatasourcePanelDragWrapper/index.tsx
@@ -19,7 +19,7 @@
 import React, { ReactNode } from 'react';
 import { useDrag } from 'react-dnd';
 import { styled } from '@superset-ui/core';
-import { DatasourcePanelDndItem } from './types';
+import { DatasourcePanelDndItem } from '../types';
 
 const DatasourceItemContainer = styled.div`
   display: flex;
@@ -48,7 +48,7 @@ export default function DatasourcePanelDragWrapper(
   });
 
   return (
-    <DatasourceItemContainer ref={drag}>
+    <DatasourceItemContainer data-test="DatasourcePanelDragWrapper" ref={drag}>
       {props.children}
     </DatasourceItemContainer>
   );