@centreon/ui 26.12.15 → 26.12.16

package/README.md

@@ -57,9 +57,8 @@ To start Storybook server, run:
 
 # Tests architecture
 
-There are two kinds of tests in Centreon UI.
+Centreon UI tests are component tests:
 - Jest + RTL and Cypress: Component testing. We want to migrate from Jest to Cypress
-- Chromatic: Chromatic is a tool that snapshots our stories and better handle snapshots changes using a review process
 
 
 ### Run Jest tests

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "26.12.15",
+  "version": "26.12.16",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",
@@ -153,7 +153,6 @@
     "@visx/visx": "3.12.0",
     "@visx/zoom": "^3.12.0",
     "anylogger": "^1.0.11",
-    "chromatic": "^13.3.3",
     "d3-array": "3.2.4",
     "dayjs": "^1.11.13",
     "highlight.js": "^11.11.1",

package/src/Button/Save/index.stories.tsx

@@ -27,9 +27,6 @@ const meta = {
 
   component: ButtonSave,
 
-  parameters: {
-    chromatic: { delay: 300 }
-  },
   title: 'Button/Save'
 };
 

package/src/Graph/BarStack/BarStack.stories.tsx

@@ -26,12 +26,7 @@ const dataWithSmallNumber = [
 ];
 
 const meta: Meta<typeof BarStack> = {
-  component: BarStack,
-  parameters: {
-    chromatic: {
-      delay: 1000
-    }
-  }
+  component: BarStack
 };
 
 export default meta;

package/src/Graph/Chart/Chart.stories.tsx

@@ -358,9 +358,6 @@ export const LineChartWithTimePeriod: Story = {
     end: defaultEnd,
     height: 500,
     start: defaultStart
-  },
-  parameters: {
-    chromatic: { disableSnapshot: true }
   }
 };
 

package/src/Graph/PieChart/PieChart.stories.tsx

@@ -18,12 +18,7 @@ const dataWithBigNumbers = [
 ];
 
 const meta: Meta<typeof ResponsivePie> = {
-  component: ResponsivePie,
-  parameters: {
-    chromatic: {
-      delay: 1000
-    }
-  }
+  component: ResponsivePie
 };
 
 export default meta;

package/src/Graph/Timeline/Timeline.stories.tsx

@@ -35,11 +35,6 @@ const Template = (args): JSX.Element => {
 
 const meta: Meta<typeof Timeline> = {
   component: Timeline,
-  parameters: {
-    chromatic: {
-      delay: 1000
-    }
-  },
   render: Template
 };
 

package/src/Graph/Tree/Tree.stories.tsx

@@ -153,8 +153,5 @@ export const treeWithZoom: Story = {
       getStrokeWidth: ({ target }) => (target.status === 'ok' ? 1 : 2)
     }
   },
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   render: TreeWithZoom
 };

package/src/TimePeriods/index.stories.tsx

@@ -9,9 +9,6 @@ import { dateFormat } from './models';
 
 const meta: Meta<typeof TimePeriod> = {
   component: TimePeriod,
-  parameters: {
-    chromatic: { disableSnapshot: true }
-  },
   tags: ['autodocs']
 };