test: Adds storybook to AlteredSliceTag component (#13516)

superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.stories.tsx

@@ -0,0 +1,40 @@
+/**
+ * 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 AlteredSliceTag from '.';
+import { defaultProps } from './AlteredSliceTagMocks';
+
+export default {
+  title: 'AlteredSliceTag',
+};
+
+export const InteractiveSliceTag = (args: any) => <AlteredSliceTag {...args} />;
+
+InteractiveSliceTag.args = {
+  origFormData: defaultProps.origFormData,
+  currentFormData: defaultProps.currentFormData,
+};
+
+InteractiveSliceTag.story = {
+  parameters: {
+    knobs: {
+      disable: true,
+    },
+  },
+};

superset-frontend/src/components/AlteredSliceTag/AlteredSliceTag.test.jsx

@@ -31,7 +31,7 @@ import {
   expectedDiffs,
   expectedRows,
   fakePluginControls,
-} from './fixtures/AlteredSliceTag';
+} from './AlteredSliceTagMocks';
 
 const getTableWrapperFromModalBody = modalBody =>
   modalBody.find(TableView).find(TableCollection);

superset-frontend/src/components/AlteredSliceTag/index.jsx

@@ -23,8 +23,8 @@ import { t } from '@superset-ui/core';
 import getControlsForVizType from 'src/utils/getControlsForVizType';
 import { safeStringify } from 'src/utils/safeStringify';
 import { Tooltip } from 'src/common/components/Tooltip';
-import ModalTrigger from './ModalTrigger';
-import TableView from './TableView';
+import ModalTrigger from '../ModalTrigger';
+import TableView from '../TableView';
 
 const propTypes = {
   origFormData: PropTypes.object.isRequired,