Migrate test stories to CSF

Author: alanorozco

test/amp-base-carousel-1-0.stories.js

@@ -0,0 +1,59 @@
+/**
+ * Copyright 2020 The AMP HTML Authors. All Rights Reserved.
+ *
+ * Licensed 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.
+ */
+
+/** @jsx h */
+import { h } from 'preact';
+import { withAmp } from '../esm';
+import { text, withKnobs } from '@storybook/addon-knobs';
+
+export default {
+  title: 'amp-base-carousel-1.0',
+  decorators: [withKnobs, withAmp],
+
+  parameters: {
+    extensions: [{ name: 'amp-base-carousel', version: '1.0' }],
+    experiments: ['bento'],
+  },
+};
+
+export const Default = () => {
+  const slide1 = text('slide1', 'lightcoral');
+  return (
+    <amp-base-carousel width="440" height="225">
+      {[slide1, 'peachpuff', 'lavender'].map((color) => (
+        <div key={color}>{color}</div>
+      ))}
+    </amp-base-carousel>
+  );
+};
+
+Default.story = {
+  name: 'default',
+};
+
+export const Other = () => {
+  return (
+    <amp-base-carousel width="440" height="225">
+      {['peachpuff', 'lavender'].map((color) => (
+        <div key={color}>{color}</div>
+      ))}
+    </amp-base-carousel>
+  );
+};
+
+Other.story = {
+  name: 'other',
+};

test/amp-script-0.1.stories.js renamed to test/amp-script-0-1.stories.js

@@ -15,25 +15,31 @@
  */
 
 /** @jsx h */
-import { h } from "preact";
-import { storiesOf } from "@storybook/preact";
-import { withAmp } from "../esm";
-import { text, withKnobs } from "@storybook/addon-knobs";
+import { h } from 'preact';
+import { withAmp } from '../esm';
+import { withKnobs } from '@storybook/addon-knobs';
 
-storiesOf("amp-script-0.1", module)
-  .addDecorator(withKnobs)
-  .addDecorator(withAmp)
-  .addParameters({
-    extensions: [{ name: "amp-script", version: "0.1" }],
-  })
-  .add("amp-script", () => (
-    <div>
-      Open console, see "amp-script executed".
-      <amp-script id="dataFunctions" script="local-script" nodom></amp-script>
-      <script id="local-script" type="text/plain" target="amp-script">
-        {`
+export default {
+  title: 'amp-script-0.1',
+  decorators: [withKnobs, withAmp],
+
+  parameters: {
+    extensions: [{ name: 'amp-script', version: '0.1' }],
+  },
+};
+
+export const AmpScript = () => (
+  <div>
+    Open console, see "amp-script executed".
+    <amp-script id="dataFunctions" script="local-script" nodom></amp-script>
+    <script id="local-script" type="text/plain" target="amp-script">
+      {`
         console.log('amp-script executed');
         `}
-      </script>
-    </div>
-  ));
+    </script>
+  </div>
+);
+
+AmpScript.story = {
+  name: 'amp-script',
+};