1 files changed, 45 insertions, 0 deletions
diff --git a/spec/frontend/packages_and_registries/container_registry/explorer/stubs.js b/spec/frontend/packages_and_registries/container_registry/explorer/stubs.js
new file mode 100644
index 00000000000..7d281a53a59
--- /dev/null
+++ b/spec/frontend/packages_and_registries/container_registry/explorer/stubs.js
@@ -0,0 +1,45 @@
+import {
+  GlModal as RealGlModal,
+  GlEmptyState as RealGlEmptyState,
+  GlSkeletonLoader as RealGlSkeletonLoader,
+  GlDropdown as RealGlDropdown,
+} from '@gitlab/ui';
+import { RouterLinkStub } from '@vue/test-utils';
+import { stubComponent } from 'helpers/stub_component';
+import RealDeleteModal from '~/packages_and_registries/container_registry/explorer/components/details_page/delete_modal.vue';
+import RealListItem from '~/vue_shared/components/registry/list_item.vue';
+
+export const GlModal = stubComponent(RealGlModal, {
+  template: '<div><slot name="modal-title"></slot><slot></slot><slot name="modal-ok"></slot></div>',
+  methods: {
+    show: jest.fn(),
+  },
+});
+
+export const GlEmptyState = stubComponent(RealGlEmptyState, {
+  template: '<div><slot name="description"></slot></div>',
+});
+
+export const RouterLink = RouterLinkStub;
+
+export const DeleteModal = stubComponent(RealDeleteModal, {
+  methods: {
+    show: jest.fn(),
+  },
+});
+
+export const GlSkeletonLoader = stubComponent(RealGlSkeletonLoader);
+
+export const ListItem = {
+  ...RealListItem,
+  data() {
+    return {
+      detailsSlots: [],
+      isDetailsShown: true,
+    };
+  },
+};
+
+export const GlDropdown = stubComponent(RealGlDropdown, {
+  template: '<div><slot></slot></div>',
+});