expect(received).toMatchSnapshot(hint) Snapshot name: `Documenter definition for progress-bar matches the snapshot: progress-bar 1` - Snapshot - 131 + Received + 3 Object { - "events": Array [ - Object { - "cancelable": false, - "description": "Called when the user clicks the result state button. - Note: If you are using the `flash` variant, the result button isn't displayed. - Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item instead. - ", - "name": "onResultButtonClick", - }, - ], + "events": Array [], "functions": Array [], "name": "ProgressBar", - "properties": Array [ - Object { - "deprecatedTag": "Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).", - "description": "Adds the specified classes to the root element of the component.", - "name": "className", - "optional": true, - "type": "string", - }, - Object { - "deprecatedTag": "Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).", - "description": "Adds the specified ID to the root element of the component.", - "name": "id", - "optional": true, - "type": "string", - }, - Object { - "defaultValue": "100", - "description": "Specifies the maximum value of the progress when type ratio is selected.", - "name": "maxValue", - "optional": true, - "type": "number", - }, - Object { - "description": "Specifies the text for the button that's displayed when the `status` is set to `error` or `success`. - If `resultButtonText` is empty, the result button isn't displayed. - Note: If you use the `flash` variant, the result button isn't displayed. - Add a button using the `action` property of the flashbar item instead. - ", - "name": "resultButtonText", - "optional": true, - "type": "string", - }, - Object { - "defaultValue": "\"in-progress\"", - "description": "Specifies the status of the progress bar. You can set it to one of the following: - - `\"in-progress\"` - Displays a progress bar. - - `\"success\"` or `\"error\"` - Displays a result state and replaces the progress element with a status indicator, - `resultText`, and a result button. - ", - "inlineType": Object { - "name": "ProgressBarProps.Status", - "type": "union", - "values": Array [ - "in-progress", - "success", - "error", - ], - }, - "name": "status", - "optional": true, - "type": "string", - }, - Object { - "defaultValue": "\"percentage\"", - "description": "Specifies the progress type.", - "inlineType": Object { - "name": "ProgressBarProps.ContentType", - "type": "union", - "values": Array [ - "percentage", - "ratio", - ], - }, - "name": "type", - "optional": true, - "type": "string", - }, - Object { - "defaultValue": "0", - "description": "Indicates the current progress as a percentage. The value must be between 0 and 100. Decimals are rounded.", - "name": "value", - "optional": true, - "type": "number", - }, - Object { - "defaultValue": "\"standalone\"", - "description": "Enables the correct styling of the progress bar in different contexts. You can set it to one of the following: - - `\"flash\"` - Use this variatn when using the progress bar within a flash component. - Note that the result button isn't displayed when using this variant. - Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item instead of the result button provided by the progress bar. - - `\"key-value\"` - Use this variant when using the progress bar within the key-value pairs pattern. - - `\"

Process completed with exit code 1.

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "className" is forbidden on Components

Prop "id" is forbidden on Components

Prop "id" is forbidden on Components

Prop "id" is forbidden on Components

Prop "id" is forbidden on Components