From ab14802aec9dd3966c357a880f87c18f1984770d Mon Sep 17 00:00:00 2001 From: atanasster Date: Thu, 13 May 2021 09:48:09 +0300 Subject: [PATCH] feat: configure random seed generator --- .vscode/launch.json | 2 +- core/instrument/test/jest-tests.test.ts | 36 +- .../run/actual-typescript-component.test.ts | 4 +- examples/stories/package.json | 2 +- .../VariantButton/VariantButton.data.ts | 49 +- .../__snapshots__/VariantButton.test.ts.snap | 147 - .../src/tutorial/testing/jest-snapshots.mdx | 1 + plugins/cc-cli/package.json | 3 +- plugins/cc-cli/src/cli/args.ts | 8 + plugins/cc-cli/src/cli/cli-store.ts | 2 + plugins/cc-cli/src/cli/cli-story.ts | 2 + plugins/cc-cli/src/cli/cli.ts | 3 + plugins/cc-cli/src/cli/save-data-template.ts | 6 +- .../src/data-templates/data-template.ts | 13 +- plugins/cc-cli/src/utils.ts | 3 + .../cli-document-data.test.ts.snap | 187 -- .../__snapshots__/cli-story-data.test.ts.snap | 115 - .../data-template-bundle.test.ts.snap | 13 +- .../data-template-import.test.ts.snap | 13 +- .../cc-cli/test/bundle/component-controls.js | 46 +- plugins/cc-cli/test/cli-story-data.test.ts | 2 - .../cc-cli/test/data-template-bundle.test.ts | 3 +- .../data-template-import-existing.test.ts | 6 +- .../cc-cli/test/data-template-import.test.ts | 3 +- plugins/cc-cli/test/run-cli-tests.ts | 4 +- plugins/cc-cli/test/run-document-tests.ts | 3 +- plugins/cc-cli/test/run-store-tests.ts | 3 +- plugins/cc-cli/test/run-story-tests.ts | 3 +- ui/app/package.json | 2 +- ui/app/src/AppError/AppError.data.ts | 14 +- .../__snapshots__/AppError.test.ts.snap | 20 +- .../__snapshots__/SidebarsPage.test.ts.snap | 1 + ui/blocks/package.json | 2 +- .../ComponentCommits/ComponentCommits.data.ts | 18 +- .../ComponentCommits.test.ts.snap | 465 +-- .../ExternalDependencies.test.ts.snap | 1 + .../LocalDependencies.test.ts.snap | 1 + .../__snapshots__/ComponentJSX.test.ts.snap | 1 + .../ComponentSource.test.ts.snap | 6 + .../__snapshots__/PropsTable.test.ts.snap | 7 + ui/blocks/src/StoryData/StoryData.data.ts | 24 + ui/blocks/src/StoryData/StoryData.test.ts | 43 + .../__snapshots__/StoryData.test.ts.snap | 13 + .../src/TestsCoverage/TestsCoverage.data.ts | 18 +- .../__snapshots__/TestsCoverage.test.ts.snap | 724 ++--- .../src/TestsResults/TestsResults.data.ts | 20 +- .../__snapshots__/TestsResults.test.ts.snap | 909 +----- ui/components/package.json | 2 +- ui/components/src/ActionBar/ActionBar.data.ts | 10 +- .../__snapshots__/ActionBar.test.ts.snap | 182 +- .../src/BlockContainer/BlockContainer.data.ts | 14 +- .../__snapshots__/BlockContainer.test.ts.snap | 78 +- .../src/Collapsible/Collapsible.data.ts | 10 +- .../__snapshots__/Collapsible.test.ts.snap | 10 +- ui/components/src/Donut/Donut.data.ts | 54 +- .../Donut/__snapshots__/Donut.test.ts.snap | 90 +- .../src/ExternalLink/ExternalLink.data.ts | 14 +- .../__snapshots__/ExternalLink.test.ts.snap | 30 +- .../src/GithubAvatar/GithubAvatar.data.ts | 34 +- .../__snapshots__/GithubAvatar.test.ts.snap | 40 +- ui/components/src/InfoTip/InfoTip.data.ts | 24 +- .../__snapshots__/InfoTip.test.ts.snap | 75 +- .../src/LinkHeading/LinkHeading.data.ts | 22 +- .../__snapshots__/LinkHeading.test.ts.snap | 196 +- ui/components/src/Popover/Popover.data.ts | 24 +- .../__snapshots__/Popover.test.ts.snap | 10 +- .../ProgressIndicator.data.ts | 32 +- .../ProgressIndicator.test.ts.snap | 50 +- ui/components/src/Shield/Shield.data.ts | 38 +- .../Shield/__snapshots__/Shield.test.ts.snap | 62 +- ui/components/src/Sidebar/Sidebar.data.ts | 8 +- .../__snapshots__/Sidebar.test.ts.snap | 188 +- ui/components/src/Source/Source.data.ts | 22 +- .../Source/__snapshots__/Source.test.ts.snap | 33 +- ui/components/src/Subtitle/Subtitle.data.ts | 14 +- .../__snapshots__/Subtitle.test.ts.snap | 20 +- .../SyntaxHighlighter.data.ts | 18 +- .../SyntaxHighlighter.test.ts.snap | 38 +- ui/components/src/Table/Table.data.ts | 687 ++++- .../Table/__snapshots__/Table.test.ts.snap | 2573 ++++++++++------- ui/components/src/Tag/Tag.data.ts | 14 +- .../src/Tag/__snapshots__/Tag.test.ts.snap | 30 +- .../src/TitledImage/TitledImage.data.ts | 14 +- .../__snapshots__/TitledImage.test.ts.snap | 30 +- ui/components/src/Value/Value.data.ts | 24 +- .../Value/__snapshots__/Value.test.ts.snap | 30 +- 86 files changed, 3791 insertions(+), 4024 deletions(-) delete mode 100644 examples/stories/src/stories/VariantButton/__snapshots__/VariantButton.test.ts.snap create mode 100644 ui/blocks/src/StoryData/StoryData.data.ts create mode 100644 ui/blocks/src/StoryData/StoryData.test.ts create mode 100644 ui/blocks/src/StoryData/__snapshots__/StoryData.test.ts.snap diff --git a/.vscode/launch.json b/.vscode/launch.json index 0731a70f5..1efaf814b 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -211,7 +211,7 @@ "name": "jest cc-cli", "program": "${workspaceFolder}/node_modules/.bin/jest", "cwd": "${workspaceFolder}/plugins/cc-cli", - "args": ["data-template-import-existing"], + "args": ["cli-story-data"], "console": "integratedTerminal", "internalConsoleOptions": "neverOpen", "disableOptimisticBPs": true, diff --git a/core/instrument/test/jest-tests.test.ts b/core/instrument/test/jest-tests.test.ts index 9aa3d08c0..e05a389c2 100644 --- a/core/instrument/test/jest-tests.test.ts +++ b/core/instrument/test/jest-tests.test.ts @@ -157,22 +157,6 @@ describe('component-tests', () => { numPassingAsserts: 0, failureDetails: [], }, - { - ancestorTitles: ['Table', 'pagination', '0'], - fullName: 'Table pagination 0 snapshot', - status: 'passed', - title: 'snapshot', - numPassingAsserts: 0, - failureDetails: [], - }, - { - ancestorTitles: ['Table', 'pagination', '0'], - fullName: 'Table pagination 0 accessibility', - status: 'passed', - title: 'accessibility', - numPassingAsserts: 0, - failureDetails: [], - }, { ancestorTitles: ['Table', 'pagination', '1'], fullName: 'Table pagination 1 snapshot', @@ -237,6 +221,22 @@ describe('component-tests', () => { numPassingAsserts: 0, failureDetails: [], }, + { + ancestorTitles: ['Table', 'pagination', '5'], + fullName: 'Table pagination 5 snapshot', + status: 'passed', + title: 'snapshot', + numPassingAsserts: 0, + failureDetails: [], + }, + { + ancestorTitles: ['Table', 'pagination', '5'], + fullName: 'Table pagination 5 accessibility', + status: 'passed', + title: 'accessibility', + numPassingAsserts: 0, + failureDetails: [], + }, ], }, ], @@ -392,9 +392,9 @@ describe('component-tests', () => { }, branches: { total: 24, - covered: 11, + covered: 10, skipped: 0, - pct: 45.83, + pct: 41.67, }, }, }, diff --git a/core/jest-extract/test/tests/run/actual-typescript-component.test.ts b/core/jest-extract/test/tests/run/actual-typescript-component.test.ts index 544b1661f..1d6cfc25b 100644 --- a/core/jest-extract/test/tests/run/actual-typescript-component.test.ts +++ b/core/jest-extract/test/tests/run/actual-typescript-component.test.ts @@ -21,8 +21,8 @@ beforeAll(async () => { describe('react typescript component', () => { it('testResults ', () => { expect(results?.results[0].testResults[0]).toMatchObject({ - ancestorTitles: ['Popover', 'overview', '0'], - fullName: 'Popover overview 0 snapshot', + ancestorTitles: ['Popover', 'overview', '1'], + fullName: 'Popover overview 1 snapshot', status: 'passed', title: 'snapshot', }); diff --git a/examples/stories/package.json b/examples/stories/package.json index baca8906c..ad833e4ca 100644 --- a/examples/stories/package.json +++ b/examples/stories/package.json @@ -9,7 +9,7 @@ "directory": "examples/stories" }, "scripts": { - "test:create": "cc-cli -g doc -i VariantButton -c ./.config -w -d 5", + "test:create": "cc-cli -g doc -i VariantButton -c ./.config -w -d 5 -s 1122334455", "test": "yarn jest" }, "jest": { diff --git a/examples/stories/src/stories/VariantButton/VariantButton.data.ts b/examples/stories/src/stories/VariantButton/VariantButton.data.ts index 61a2274a0..7c67110eb 100644 --- a/examples/stories/src/stories/VariantButton/VariantButton.data.ts +++ b/examples/stories/src/stories/VariantButton/VariantButton.data.ts @@ -1,47 +1,42 @@ import { VariantButtonProps } from './VariantButton'; const data: Record> = { overview: { - '0': { - text: 'Mrs. Berta Runolfsdottir', - variant: 'disabled', - fontSize: 20, - icon: 'down-arrow', - iconSide: 'left', - iconSize: 'large', - padding: 'medium', - }, '1': { - text: 'Darrel Simonis', - variant: 'primary', + text: 'Cecelia Langosh', + variant: 'success', fontSize: 16, icon: 'none', - iconSide: 'left', - padding: 'large', + iconSize: 'medium', }, '2': { - text: 'Drew Terry', - fontSize: 18, - icon: 'search', - iconSide: 'left', + text: 'Murl Green I', + variant: 'disabled', + fontSize: 26, + icon: 'down-arrow', + iconSize: 'large', }, '3': { - text: 'Anahi McLaughlin', - fontSize: 14, + text: 'Lela McClure', + variant: 'error', + fontSize: 24, + icon: 'left-arrow', + iconSide: 'right', + padding: 'large', + }, + '4': { + text: 'Ms. Jean Barrows', + variant: 'accent', + fontSize: 23, icon: 'up-arrow', iconSide: 'left', - iconSize: 'large', - padding: 'small', }, - '4': { - text: 'Megane Stehr', + '5': { + text: 'Tanya Sanford', variant: 'error', - fontSize: 21, + fontSize: 19, icon: 'up-arrow', iconSide: 'left', - iconSize: 'large', - padding: 'medium', }, }, }; - export default data; diff --git a/examples/stories/src/stories/VariantButton/__snapshots__/VariantButton.test.ts.snap b/examples/stories/src/stories/VariantButton/__snapshots__/VariantButton.test.ts.snap deleted file mode 100644 index ab4e4d32f..000000000 --- a/examples/stories/src/stories/VariantButton/__snapshots__/VariantButton.test.ts.snap +++ /dev/null @@ -1,147 +0,0 @@ -// Jest Snapshot v1, https://goo.gl/fbAQLP - -exports[`VariantButton overview 0 snapshot 1`] = ` - - - -`; - -exports[`VariantButton overview 1 snapshot 1`] = ` - - - -`; - -exports[`VariantButton overview 2 snapshot 1`] = ` - - - -`; - -exports[`VariantButton overview 3 snapshot 1`] = ` - - - -`; - -exports[`VariantButton overview 4 snapshot 1`] = ` - - - -`; diff --git a/examples/stories/src/tutorial/testing/jest-snapshots.mdx b/examples/stories/src/tutorial/testing/jest-snapshots.mdx index af37b89c2..b4e027277 100644 --- a/examples/stories/src/tutorial/testing/jest-snapshots.mdx +++ b/examples/stories/src/tutorial/testing/jest-snapshots.mdx @@ -153,6 +153,7 @@ quick start: the following command will generate a test file in `tests/stories.t | `--exclude`
`-x` | array of test file names to exclude (only for doc/story formats)| string[] | | | `--ally`
`-y` | whether to include axe accessibility tests | boolean | `true` | | `--data`
`-d` | create a data-driven testinf file with x number of rows | number | `0` (disabled) | +| `--seed`
`-s` | random generator seed when generating data | number | undefined (new data on each run) | ### Examples diff --git a/plugins/cc-cli/package.json b/plugins/cc-cli/package.json index 0d8384a00..3779ddb78 100644 --- a/plugins/cc-cli/package.json +++ b/plugins/cc-cli/package.json @@ -26,7 +26,7 @@ "lint": "yarn eslint . --ext mdx,ts,tsx", "create-bundle": "ccc -c test/.config -d test/bundle", "prepare": "yarn build", - "test:create": "cc-cli -g story -c ./test/.config -o test -w", + "test:create": "cc-cli -g story -c ./test/.config -o test -w -s 1122334455", "test": "yarn jest -i" }, "homepage": "https://github.com/ccontrols/component-controls", @@ -51,6 +51,7 @@ "@component-controls/webpack-compile": "^3.11.4", "@component-controls/webpack-configs": "^3.11.4", "dot": "^1.1.3", + "fast-deep-equal": "^3.1.3", "path": "^0.12.7" }, "devDependencies": { diff --git a/plugins/cc-cli/src/cli/args.ts b/plugins/cc-cli/src/cli/args.ts index e9807da9a..0f76ac99a 100644 --- a/plugins/cc-cli/src/cli/args.ts +++ b/plugins/cc-cli/src/cli/args.ts @@ -108,4 +108,12 @@ export const jestCliArgs: ArgOptions = [ type: 'number', }, }, + { + name: 'seed', + options: { + alias: 's', + description: 'random generator seed when generating data', + type: 'number', + }, + }, ]; diff --git a/plugins/cc-cli/src/cli/cli-store.ts b/plugins/cc-cli/src/cli/cli-store.ts index 3031c897b..151792eeb 100644 --- a/plugins/cc-cli/src/cli/cli-store.ts +++ b/plugins/cc-cli/src/cli/cli-store.ts @@ -20,6 +20,7 @@ export const cliStore = async (options: CliOptions): Promise => { exclude, ally, data, + seed, } = options; const test = userTest || `component-controls.test.${format === 'ts' ? 'ts' : 'js'}`; @@ -37,6 +38,7 @@ export const cliStore = async (options: CliOptions): Promise => { exclude, ally, data, + seed, }, createStoreTemplate, ); diff --git a/plugins/cc-cli/src/cli/cli-story.ts b/plugins/cc-cli/src/cli/cli-story.ts index 45399690f..ef9dc7cf7 100644 --- a/plugins/cc-cli/src/cli/cli-story.ts +++ b/plugins/cc-cli/src/cli/cli-story.ts @@ -44,6 +44,7 @@ export const cliStory = async ( exclude, ally, data, + seed, } = options; let documents: string[] = []; let configuration: BuildConfiguration | undefined; @@ -84,6 +85,7 @@ export const cliStory = async ( storyPath: name, ally, data, + seed, output: output ? output : bundle diff --git a/plugins/cc-cli/src/cli/cli.ts b/plugins/cc-cli/src/cli/cli.ts index 926e45d65..53735c467 100644 --- a/plugins/cc-cli/src/cli/cli.ts +++ b/plugins/cc-cli/src/cli/cli.ts @@ -24,6 +24,7 @@ export const run = async (): Promise => { exclude, ally, data, + seed, } = parsedArgs; switch (parsedArgs.generate) { case 'store': @@ -40,6 +41,7 @@ export const run = async (): Promise => { exclude, ally, data, + seed, } as CliOptions); case 'story': case 'doc': @@ -57,6 +59,7 @@ export const run = async (): Promise => { exclude, ally, data, + seed, } as CliOptions, parsedArgs.generate === 'doc', ); diff --git a/plugins/cc-cli/src/cli/save-data-template.ts b/plugins/cc-cli/src/cli/save-data-template.ts index 390fca159..4d32f369d 100644 --- a/plugins/cc-cli/src/cli/save-data-template.ts +++ b/plugins/cc-cli/src/cli/save-data-template.ts @@ -1,11 +1,11 @@ import path from 'path'; import fs from 'fs'; +import deepEqual from 'fast-deep-equal'; import { dynamicRequire, relativeImport, } from '@component-controls/core/node-utils'; import { getDataFile } from '@component-controls/instrument'; - import { log } from '@component-controls/logger'; import { CliOptions, getTestFolder } from './utils'; import { TemplateOptions, DataImportOptions } from '../utils'; @@ -45,7 +45,9 @@ export const saveDataTemplate = async

( configuration, ); if (dataTemplate) { - if (dataTemplate.isModified) { + const isModified = + typeof existing === 'undefined' || deepEqual(existing, dataTemplate.data); + if (isModified && overwrite) { log('saving data', filePath, [184, 226, 255]); if (!fs.existsSync(testFolder)) { fs.mkdirSync(testFolder); diff --git a/plugins/cc-cli/src/data-templates/data-template.ts b/plugins/cc-cli/src/data-templates/data-template.ts index f17a43a98..5b3652024 100644 --- a/plugins/cc-cli/src/data-templates/data-template.ts +++ b/plugins/cc-cli/src/data-templates/data-template.ts @@ -2,6 +2,7 @@ import dot from 'dot'; import { getStoryControls, randomizeData, + randomizeSeed, fixControlTypes, BuildConfiguration, } from '@component-controls/core'; @@ -21,10 +22,7 @@ export const createDataTemplate = async ( options: StoryTemplateOptions, existing?: Record, configration?: BuildConfiguration, -): Promise< - | { content: string; data: Record; isModified: boolean } - | undefined -> => { +): Promise<{ content: string; data: Record } | undefined> => { const { name, bundle, @@ -32,6 +30,7 @@ export const createDataTemplate = async ( output, format = 'ts', data: numValues = 0, + seed, } = options; if (numValues <= 0) { return undefined; @@ -42,7 +41,9 @@ export const createDataTemplate = async ( } const { doc, stories, components } = parsed; const data: Record = {}; - let isModified = false; + if (seed) { + randomizeSeed(seed); + } Object.keys(stories).forEach(storyId => { const story = stories[storyId]; @@ -53,7 +54,6 @@ export const createDataTemplate = async ( for (let i = Object.keys(values).length; i < numValues; i += 1) { const rnd = randomizeData(controls); if (Object.keys(rnd).length) { - isModified = true; values[(i + 1).toString()] = rnd; } } @@ -66,7 +66,6 @@ export const createDataTemplate = async ( return undefined; } return { - isModified, content: prettify( dot.template(getTemplate(`data-templates/data`, format))({ data: JSON.stringify(data, null, 2), diff --git a/plugins/cc-cli/src/utils.ts b/plugins/cc-cli/src/utils.ts index 43ec7dd62..d2ec7a634 100644 --- a/plugins/cc-cli/src/utils.ts +++ b/plugins/cc-cli/src/utils.ts @@ -45,6 +45,9 @@ export type TemplateOptions = { * if positive number, how many rows of random data to generate for data-driven testing */ data?: number; + + /** random generator seed if generating data */ + seed?: number; }; export interface StoryTemplateOptions extends TemplateOptions { diff --git a/plugins/cc-cli/test/__snapshots__/cli-document-data.test.ts.snap b/plugins/cc-cli/test/__snapshots__/cli-document-data.test.ts.snap index dca3d124a..91147abb5 100644 --- a/plugins/cc-cli/test/__snapshots__/cli-document-data.test.ts.snap +++ b/plugins/cc-cli/test/__snapshots__/cli-document-data.test.ts.snap @@ -79,101 +79,6 @@ describe('Popover', () => { exports[`cli-document-data create cjs document 2`] = ` Object { - "VariantButton.data.js": "module.exports = { - overview: { - '1': { - text: 'Bart Bechtelar', - variant: 'error', - fontSize: 17, - icon: 'none', - iconSide: 'right', - iconSize: 'medium', - padding: 'small', - }, - '2': { - text: 'Lula Rippin', - variant: 'primary', - fontSize: 13, - icon: 'right-arrow', - iconSide: 'left', - iconSize: 'large', - padding: 'small', - }, - '3': { - text: 'Kelvin Feeney', - variant: 'accent', - fontSize: 24, - icon: 'search', - iconSide: 'undefined', - iconSize: 'undefined', - padding: 'small', - }, - '4': { - text: 'Leslie Mohr', - variant: 'disabled', - fontSize: 13, - icon: 'none', - iconSide: 'undefined', - iconSize: 'small', - padding: 'small', - }, - '5': { - text: 'Mitchel Wisoky', - variant: 'warning', - fontSize: 18, - icon: 'down-arrow', - iconSide: 'undefined', - iconSize: 'large', - padding: 'undefined', - }, - '6': { - text: 'Jailyn Parisian', - variant: 'primary', - fontSize: 16, - icon: 'left-arrow', - iconSide: 'right', - iconSize: 'small', - padding: 'medium', - }, - '7': { - text: 'Cullen Heller', - variant: 'warning', - fontSize: 20, - icon: 'search', - iconSide: 'left', - iconSize: 'medium', - padding: 'undefined', - }, - '8': { - text: 'Roger Emard I', - variant: 'warning', - fontSize: 19, - icon: 'left-arrow', - iconSide: 'left', - iconSize: 'medium', - padding: 'large', - }, - '9': { - text: 'Annamarie Koelpin', - variant: 'success', - fontSize: 26, - icon: 'search', - iconSide: 'right', - iconSize: 'medium', - padding: 'medium', - }, - '10': { - text: 'Esta Yost', - variant: 'primary', - fontSize: 30, - icon: 'left-arrow', - iconSide: 'left', - iconSize: 'medium', - padding: 'small', - }, - }, -}; -", "VariantButton.test.js": "const path = require('path'); const { run } = require('axe-core'); const { reactRunDOM } = require('@component-controls/test-renderers'); @@ -224,29 +129,6 @@ describe('VariantButton', () => { exports[`cli-document-data create enzyme document 1`] = ` Object { - "VariantButton.data.ts": "export default { - overview: { - '1': { - text: 'Larry Corkery PhD', - variant: 'success', - fontSize: 31, - icon: 'undefined', - iconSide: 'left', - iconSize: 'medium', - padding: 'large', - }, - '2': { - text: 'Noemie Beer', - variant: 'success', - fontSize: 23, - icon: 'search', - iconSide: 'undefined', - iconSize: 'small', - padding: 'large', - }, - }, -}; -", "VariantButton.test.ts": "import * as path from 'path'; import { run, AxeResults } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; @@ -292,29 +174,6 @@ describe('VariantButton', () => { exports[`cli-document-data create esm document 1`] = ` Object { - "VariantButton.data.js": "export default { - overview: { - '1': { - text: 'Alvena Bahringer', - variant: 'disabled', - fontSize: 23, - icon: 'left-arrow', - iconSide: 'undefined', - iconSize: 'undefined', - padding: 'large', - }, - '2': { - text: 'Dawn Gerlach DDS', - variant: 'error', - fontSize: 15, - icon: 'down-arrow', - iconSide: 'undefined', - iconSize: 'undefined', - padding: 'medium', - }, - }, -}; -", "VariantButton.test.js": "import * as path from 'path'; import { run } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; @@ -364,29 +223,6 @@ describe('VariantButton', () => { exports[`cli-document-data create rtr document 1`] = ` Object { - "VariantButton.data.ts": "export default { - overview: { - '1': { - text: 'Sandrine Pagac', - variant: 'undefined', - fontSize: 23, - icon: 'down-arrow', - iconSide: 'left', - iconSize: 'medium', - padding: 'large', - }, - '2': { - text: 'Lori Cassin', - variant: 'warning', - fontSize: 30, - icon: 'down-arrow', - iconSide: 'undefined', - iconSize: 'small', - padding: 'large', - }, - }, -}; -", "VariantButton.test.ts": "import * as path from 'path'; import { run, AxeResults } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; @@ -440,29 +276,6 @@ describe('VariantButton', () => { exports[`cli-document-data create typescript document 1`] = ` Object { - "VariantButton.data.ts": "export default { - overview: { - '1': { - text: 'Darren Farrell', - variant: 'success', - fontSize: 19, - icon: 'none', - iconSide: 'left', - iconSize: 'medium', - padding: 'medium', - }, - '2': { - text: 'Miss Nat Reilly', - variant: 'success', - fontSize: 25, - icon: 'none', - iconSide: 'undefined', - iconSize: 'medium', - padding: 'small', - }, - }, -}; -", "VariantButton.test.ts": "import * as path from 'path'; import { run, AxeResults } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; diff --git a/plugins/cc-cli/test/__snapshots__/cli-story-data.test.ts.snap b/plugins/cc-cli/test/__snapshots__/cli-story-data.test.ts.snap index 0ae9b88c2..20218c1e1 100644 --- a/plugins/cc-cli/test/__snapshots__/cli-story-data.test.ts.snap +++ b/plugins/cc-cli/test/__snapshots__/cli-story-data.test.ts.snap @@ -2,29 +2,6 @@ exports[`cli-story-data create cjs story 1`] = ` Object { - "VariantButton.data.js": "module.exports = { - overview: { - '1': { - text: 'Gisselle Mohr', - variant: 'success', - fontSize: 19, - icon: 'left-arrow', - iconSide: 'right', - iconSize: 'undefined', - padding: 'medium', - }, - '2': { - text: 'Bart Bechtelar', - variant: 'error', - fontSize: 17, - icon: 'none', - iconSide: 'right', - iconSize: 'medium', - padding: 'small', - }, - }, -}; -", "VariantButton.test.js": "const path = require('path'); const { run } = require('axe-core'); const { reactRunDOM } = require('@component-controls/test-renderers'); @@ -239,29 +216,6 @@ describe('VariantButton', () => { exports[`cli-story-data create enzyme story 1`] = ` Object { - "VariantButton.data.ts": "export default { - overview: { - '1': { - text: 'Roger Emard I', - variant: 'warning', - fontSize: 19, - icon: 'left-arrow', - iconSide: 'left', - iconSize: 'medium', - padding: 'large', - }, - '2': { - text: 'Annamarie Koelpin', - variant: 'success', - fontSize: 26, - icon: 'search', - iconSide: 'right', - iconSize: 'medium', - padding: 'medium', - }, - }, -}; -", "VariantButton.test.ts": "import * as path from 'path'; import { run, AxeResults } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; @@ -434,29 +388,6 @@ describe('VariantButton', () => { exports[`cli-story-data create esm story 1`] = ` Object { - "VariantButton.data.js": "export default { - overview: { - '1': { - text: 'Lula Rippin', - variant: 'primary', - fontSize: 13, - icon: 'right-arrow', - iconSide: 'left', - iconSize: 'large', - padding: 'small', - }, - '2': { - text: 'Kelvin Feeney', - variant: 'accent', - fontSize: 24, - icon: 'search', - iconSide: 'undefined', - iconSize: 'undefined', - padding: 'small', - }, - }, -}; -", "VariantButton.test.js": "import * as path from 'path'; import { run } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; @@ -668,29 +599,6 @@ describe('VariantButton', () => { exports[`cli-story-data create rtr story 1`] = ` Object { - "VariantButton.data.ts": "export default { - overview: { - '1': { - text: 'Jailyn Parisian', - variant: 'primary', - fontSize: 16, - icon: 'left-arrow', - iconSide: 'right', - iconSize: 'small', - padding: 'medium', - }, - '2': { - text: 'Cullen Heller', - variant: 'warning', - fontSize: 20, - icon: 'search', - iconSide: 'left', - iconSize: 'medium', - padding: 'undefined', - }, - }, -}; -", "VariantButton.test.ts": "import * as path from 'path'; import { run, AxeResults } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; @@ -930,29 +838,6 @@ describe('VariantButton', () => { exports[`cli-story-data create typescript story 1`] = ` Object { - "VariantButton.data.ts": "export default { - overview: { - '1': { - text: 'Leslie Mohr', - variant: 'disabled', - fontSize: 13, - icon: 'none', - iconSide: 'undefined', - iconSize: 'small', - padding: 'small', - }, - '2': { - text: 'Mitchel Wisoky', - variant: 'warning', - fontSize: 18, - icon: 'down-arrow', - iconSide: 'undefined', - iconSize: 'large', - padding: 'undefined', - }, - }, -}; -", "VariantButton.test.ts": "import * as path from 'path'; import { run, AxeResults } from 'axe-core'; import { reactRunDOM } from '@component-controls/test-renderers'; diff --git a/plugins/cc-cli/test/__snapshots__/data-template-bundle.test.ts.snap b/plugins/cc-cli/test/__snapshots__/data-template-bundle.test.ts.snap index e9f69b6e2..b11de0fd9 100644 --- a/plugins/cc-cli/test/__snapshots__/data-template-bundle.test.ts.snap +++ b/plugins/cc-cli/test/__snapshots__/data-template-bundle.test.ts.snap @@ -10,7 +10,6 @@ Object { fontSize: 19, icon: \\"left-arrow\\", iconSide: \\"right\\", - iconSize: \\"undefined\\", padding: \\"medium\\" }, \\"2\\": { @@ -36,8 +35,6 @@ Object { variant: \\"accent\\", fontSize: 24, icon: \\"search\\", - iconSide: \\"undefined\\", - iconSize: \\"undefined\\", padding: \\"small\\" }, \\"5\\": { @@ -45,7 +42,6 @@ Object { variant: \\"disabled\\", fontSize: 13, icon: \\"none\\", - iconSide: \\"undefined\\", iconSize: \\"small\\", padding: \\"small\\" } @@ -58,7 +54,7 @@ Object { "fontSize": 19, "icon": "left-arrow", "iconSide": "right", - "iconSize": "undefined", + "iconSize": undefined, "padding": "medium", "text": "Gisselle Mohr", "variant": "success", @@ -84,8 +80,8 @@ Object { "4": Object { "fontSize": 24, "icon": "search", - "iconSide": "undefined", - "iconSize": "undefined", + "iconSide": undefined, + "iconSize": undefined, "padding": "small", "text": "Kelvin Feeney", "variant": "accent", @@ -93,7 +89,7 @@ Object { "5": Object { "fontSize": 13, "icon": "none", - "iconSide": "undefined", + "iconSide": undefined, "iconSize": "small", "padding": "small", "text": "Leslie Mohr", @@ -101,6 +97,5 @@ Object { }, }, }, - "isModified": true, } `; diff --git a/plugins/cc-cli/test/__snapshots__/data-template-import.test.ts.snap b/plugins/cc-cli/test/__snapshots__/data-template-import.test.ts.snap index f1ae84f03..15ebd3762 100644 --- a/plugins/cc-cli/test/__snapshots__/data-template-import.test.ts.snap +++ b/plugins/cc-cli/test/__snapshots__/data-template-import.test.ts.snap @@ -10,7 +10,6 @@ Object { fontSize: 19, icon: \\"left-arrow\\", iconSide: \\"right\\", - iconSize: \\"undefined\\", padding: \\"medium\\" }, \\"2\\": { @@ -36,8 +35,6 @@ Object { variant: \\"accent\\", fontSize: 24, icon: \\"search\\", - iconSide: \\"undefined\\", - iconSize: \\"undefined\\", padding: \\"small\\" }, \\"5\\": { @@ -45,7 +42,6 @@ Object { variant: \\"disabled\\", fontSize: 13, icon: \\"none\\", - iconSide: \\"undefined\\", iconSize: \\"small\\", padding: \\"small\\" } @@ -58,7 +54,7 @@ Object { "fontSize": 19, "icon": "left-arrow", "iconSide": "right", - "iconSize": "undefined", + "iconSize": undefined, "padding": "medium", "text": "Gisselle Mohr", "variant": "success", @@ -84,8 +80,8 @@ Object { "4": Object { "fontSize": 24, "icon": "search", - "iconSide": "undefined", - "iconSize": "undefined", + "iconSide": undefined, + "iconSize": undefined, "padding": "small", "text": "Kelvin Feeney", "variant": "accent", @@ -93,7 +89,7 @@ Object { "5": Object { "fontSize": 13, "icon": "none", - "iconSide": "undefined", + "iconSide": undefined, "iconSize": "small", "padding": "small", "text": "Leslie Mohr", @@ -101,6 +97,5 @@ Object { }, }, }, - "isModified": true, } `; diff --git a/plugins/cc-cli/test/bundle/component-controls.js b/plugins/cc-cli/test/bundle/component-controls.js index 4dc2ec7d6..7e7a5571b 100644 --- a/plugins/cc-cli/test/bundle/component-controls.js +++ b/plugins/cc-cli/test/bundle/component-controls.js @@ -47,14 +47,16 @@ webpackContext.id = 9279; "use strict"; -__webpack_require__(4115); - __webpack_require__(2501); +__webpack_require__(6936); + __webpack_require__(7233); __webpack_require__(8673); +__webpack_require__(4115); + __webpack_require__(634); __webpack_require__(796); @@ -65,10 +67,6 @@ __webpack_require__(4908); __webpack_require__(7950); -__webpack_require__(3105); - -__webpack_require__(6936); - __webpack_require__(8695); __webpack_require__(1939); @@ -93,20 +91,21 @@ __webpack_require__(4083); __webpack_require__(8319); +function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } + +function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } + function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; } function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); } function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; } -function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } - -function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } - var path = __webpack_require__(1023); var _require = __webpack_require__(6647), - loadPageTab = _require.loadPageTab; + loadPageTab = _require.loadPageTab, + assignProps = _require.assignProps; var configJSON = undefined; @@ -119,7 +118,7 @@ contexts.push({ folder: "/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story", req: __webpack_require__(9279) }); -var store = {"stores":[{"filePath":"/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/VariantButton.docs.tsx","stories":{"overview":{"loc":{"start":{"column":53,"line":11},"end":{"column":1,"line":13}},"name":"overview","id":"overview","arguments":[{"value":"props","name":"props","loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":5}},"usage":[{"loc":{"start":{"line":1,"column":21},"end":{"line":1,"column":26}}}]}],"controls":{"text":"Button","icon":"search","fontSize":{"type":"ControlTypes.NUMBER","data":{"name":"random.number","options":{"min":12,"max":32}}}},"source":"props => (\n \n)"},"primary":{"loc":{"start":{"column":32,"line":24},"end":{"column":1,"line":26}},"name":"primary","id":"primary","arguments":[],"source":"() => (\n \n)"},"accent":{"loc":{"start":{"column":31,"line":28},"end":{"column":1,"line":30}},"name":"accent","id":"accent","arguments":[],"source":"() => (\n \n)"},"disabled":{"loc":{"start":{"column":33,"line":32},"end":{"column":1,"line":34}},"name":"disabled","id":"disabled","arguments":[],"source":"() => (\n \n)"},"success":{"loc":{"start":{"column":32,"line":36},"end":{"column":1,"line":38}},"name":"success","id":"success","arguments":[],"source":"() => (\n \n)"},"error":{"loc":{"start":{"column":30,"line":40},"end":{"column":1,"line":42}},"name":"error","id":"error","arguments":[],"source":"() => (\n \n)"},"warning":{"loc":{"start":{"column":32,"line":44},"end":{"column":1,"line":46}},"name":"warning","id":"warning","arguments":[],"source":"() => (\n \n)"}},"doc":{"title":"VariantButton","component":"VariantButton","testData":"./VariantButton.data.ts","componentsLookup":{"VariantButton":"a43d841323373aff56d44a3c5792e313"},"package":"3bd75e504b4a522120e3a801ff48943a","dateModified":"2021-05-03T05:27:52.331Z","date":"2021-04-04T01:43:44.092Z","fileName":"/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/VariantButton.docs.tsx"}}],"components":{"a43d841323373aff56d44a3c5792e313":{"name":"VariantButton","from":"./VariantButton","externalDependencies":{"react":[{"name":"React","importedName":"default"},{"name":"FC","importedName":"FC"}],"@primer/octicons-react":[{"name":"SearchIcon","importedName":"SearchIcon"},{"name":"ArrowLeftIcon","importedName":"ArrowLeftIcon"},{"name":"ArrowRightIcon","importedName":"ArrowRightIcon"},{"name":"ArrowDownIcon","importedName":"ArrowDownIcon"},{"name":"ArrowUpIcon","importedName":"ArrowUpIcon"}]},"localDependencies":{},"importedName":"VariantButton","jsx":[{"children":[{"children":[{"children":[],"name":"Icon","attributes":["size"]}],"name":"div","attributes":["style"]},{"children":[],"name":"div","attributes":["data-testid","style"]}],"name":"button","attributes":["disabled","style"]}],"request":"/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/VariantButton.tsx","fileName":"VariantButton.tsx","package":"a43d841323373aff56d44a3c5792e313","info":{"tags":{},"description":"Button with variants","displayName":"VariantButton","methods":[],"props":{"text":{"description":"button label of text","type":{"required":true,"name":"string","raw":"string"}},"variant":{"description":"variant kind","defaultValue":"primary","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"primary"},{"name":"string","value":"accent"},{"name":"string","value":"disabled"},{"name":"string","value":"success"},{"name":"string","value":"warning"},{"name":"string","value":"error"}],"raw":"ButtonVariant | undefined"}},"fontSize":{"description":"font size for the Button label","defaultValue":18,"type":{"name":"number","raw":"number"}},"icon":{"description":"icon kind","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"none"},{"name":"string","value":"search"},{"name":"string","value":"left-arrow"},{"name":"string","value":"right-arrow"},{"name":"string","value":"down-arrow"},{"name":"string","value":"up-arrow"}],"raw":"ButtonIconType | undefined"}},"iconSide":{"description":"on which side of the label should the icon be placed","defaultValue":"left","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"left"},{"name":"string","value":"right"}],"raw":"IconSideType | undefined"}},"iconSize":{"description":"icon size","defaultValue":"small","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"small"},{"name":"string","value":"medium"},{"name":"string","value":"large"}],"raw":"SizeVariants | undefined"}},"padding":{"description":"padding variants","defaultValue":"medium","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"small"},{"name":"string","value":"medium"},{"name":"string","value":"large"}],"raw":"SizeVariants | undefined"}},"isPrimary":{"description":"boolean switch for primary variant","deprecated":"since version 1.0","defaultValue":false,"type":{"name":"boolean","raw":"boolean"}}}},"fileInfo":{"dateCreated":"2021-04-03 21:38:35 -0400","dateModified":"2021-05-02 06:15:28 -0400","sloc":{"total":153,"source":106,"comment":31,"single":2,"block":29,"mixed":0,"empty":16,"todo":2,"blockEmpty":0},"commits":[{"hash":"14f8f53eee515bf494200d33e080ba029a531f99","subject":"chore: initial control values","authorName":"atanasster","authorDate":"2021-05-02T10:15:28.000Z","authorEmail":"atanasster@gmail.com","committerName":"atanasster","committerDate":"2021-05-02T10:15:28.000Z","committerEmail":"atanasster@gmail.com"},{"hash":"af41a21f118dbb7ada6a0b0f28311712476250a1","subject":"chore: rename testing packages","authorName":"atanasster","authorDate":"2021-04-04T01:38:35.000Z","authorEmail":"atanasster@gmail.com","committerName":"atanasster","committerDate":"2021-04-04T01:38:35.000Z","committerEmail":"atanasster@gmail.com"}]},"jest":{"results":[{"leaks":false,"perfStats":{"end":1620078351467,"runtime":2184,"slow":false,"start":1620078349283},"testFilePath":"VariantButton.test.tsx","testResults":[{"ancestorTitles":["VariantButton"],"duration":49,"fullName":"VariantButton primary","status":"passed","title":"primary","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton"],"duration":119,"fullName":"VariantButton disabled","status":"passed","title":"disabled","numPassingAsserts":0,"failureDetails":[]}]}],"coverage":{"VariantButton.tsx":{"lines":{"total":10,"covered":10,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":11,"covered":11,"skipped":0,"pct":100},"branches":{"total":14,"covered":9,"skipped":0,"pct":64.29}}}}}},"packages":{"a43d841323373aff56d44a3c5792e313":{"fileHash":"a43d841323373aff56d44a3c5792e313","name":"@component-controls/jest-extract","version":"3.9.0","repository":{"browse":"https://github.com/ccontrols/component-controls/tree/master/core/jest-extract/test/fixtures/story/VariantButton.tsx","docs":"https://github.com/ccontrols/component-controls/tree/master#readme","issues":"https://github.com/ccontrols/component-controls/issues"},"dependencies":{"@component-controls/core":"^3.9.0","babel-jest":"^26.6.3","fastq":"^1.11.0","jest":"^26.4.2","path":"^0.12.7","ts-jest":"^26.5.5"},"devDependencies":{"@babel/preset-env":"^7.13.10","@babel/preset-react":"^7.12.13","@jest/reporters":"^26.0.10","@jest/test-result":"^26.0.10","@types/jest":"^26.0.10","@types/react-dom":"^16.9.8","react-dom":"^17.0.1","react-test-renderer":"^17.0.1","typescript":"^4.0.5"}},"3bd75e504b4a522120e3a801ff48943a":{"fileHash":"3bd75e504b4a522120e3a801ff48943a","name":"@component-controls/jest-extract","version":"3.9.0","repository":{"browse":"https://github.com/ccontrols/component-controls/tree/master/core/jest-extract/test/fixtures/story/VariantButton.docs.tsx","docs":"https://github.com/ccontrols/component-controls/tree/master#readme","issues":"https://github.com/ccontrols/component-controls/issues"},"dependencies":{"@component-controls/core":"^3.9.0","babel-jest":"^26.6.3","fastq":"^1.11.0","jest":"^26.4.2","path":"^0.12.7","ts-jest":"^26.5.5"},"devDependencies":{"@babel/preset-env":"^7.13.10","@babel/preset-react":"^7.12.13","@jest/reporters":"^26.0.10","@jest/test-result":"^26.0.10","@types/jest":"^26.0.10","@types/react-dom":"^16.9.8","react-dom":"^17.0.1","react-test-renderer":"^17.0.1","typescript":"^4.0.5"}}},"config":{},"buildConfig":{"siteRoot":"/","siteMap":{"pages":{"home":{"priority":1},"index":{"priority":0.8},"doc":{"priority":0.5}}},"categories":["author","tags"],"ignore":["readme.md","changelog.md","code_of_conduct.md","contributing.md","license.md"],"pages":{"story":{"basePath":"docs/","sideNav":{"storyPaths":true,"collapseSingle":true},"tabs":{"page":"/Users/atanasster/component-controls/ui/pages/ClassicPage.js"}},"blog":{"basePath":"blogs/"},"author":{"basePath":"authors/"},"page":{"basePath":"pages/"},"tags":{"basePath":"tags/"}},"search":{"searchingModule":"@component-controls/search-fusejs"},"configPath":"test/.config","distFolder":"/Users/atanasster/component-controls/plugins/cc-cli/test/bundle","bundleName":"component-controls.js","staticFolder":"public/static","stories":["/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/*.docs.tsx"]}}; +var store = {"stores":[{"filePath":"/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/VariantButton.docs.tsx","stories":{"overview":{"loc":{"start":{"column":53,"line":11},"end":{"column":1,"line":13}},"name":"overview","id":"overview","arguments":[{"value":"props","name":"props","loc":{"start":{"line":0,"column":0},"end":{"line":0,"column":5}},"usage":[{"loc":{"start":{"line":1,"column":21},"end":{"line":1,"column":26}}}]}],"controls":{"text":"Button","icon":"search","fontSize":{"type":"ControlTypes.NUMBER","data":{"name":"random.number","options":{"min":12,"max":32}}}},"source":"props => (\n \n)"},"primary":{"loc":{"start":{"column":32,"line":24},"end":{"column":1,"line":26}},"name":"primary","id":"primary","arguments":[],"source":"() => (\n \n)"},"accent":{"loc":{"start":{"column":31,"line":28},"end":{"column":1,"line":30}},"name":"accent","id":"accent","arguments":[],"source":"() => (\n \n)"},"disabled":{"loc":{"start":{"column":33,"line":32},"end":{"column":1,"line":34}},"name":"disabled","id":"disabled","arguments":[],"source":"() => (\n \n)"},"success":{"loc":{"start":{"column":32,"line":36},"end":{"column":1,"line":38}},"name":"success","id":"success","arguments":[],"source":"() => (\n \n)"},"error":{"loc":{"start":{"column":30,"line":40},"end":{"column":1,"line":42}},"name":"error","id":"error","arguments":[],"source":"() => (\n \n)"},"warning":{"loc":{"start":{"column":32,"line":44},"end":{"column":1,"line":46}},"name":"warning","id":"warning","arguments":[],"source":"() => (\n \n)"}},"doc":{"title":"VariantButton","component":"VariantButton","testData":"./VariantButton.data.ts","componentsLookup":{"VariantButton":"a43d841323373aff56d44a3c5792e313"},"data":{"overview":{"special-chars":{"text":"s%~`","icon":"search","fontSize":12}}},"package":"3bd75e504b4a522120e3a801ff48943a","dateModified":"2021-05-08T10:18:19.219Z","date":"2021-05-08T10:18:19.213Z","fileName":"/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/VariantButton.docs.tsx"}}],"components":{"a43d841323373aff56d44a3c5792e313":{"name":"VariantButton","from":"./VariantButton","externalDependencies":{"react":[{"name":"React","importedName":"default"},{"name":"FC","importedName":"FC"}],"@primer/octicons-react":[{"name":"SearchIcon","importedName":"SearchIcon"},{"name":"ArrowLeftIcon","importedName":"ArrowLeftIcon"},{"name":"ArrowRightIcon","importedName":"ArrowRightIcon"},{"name":"ArrowDownIcon","importedName":"ArrowDownIcon"},{"name":"ArrowUpIcon","importedName":"ArrowUpIcon"}]},"localDependencies":{},"importedName":"VariantButton","jsx":[{"children":[{"children":[{"children":[],"name":"Icon","attributes":["size"]}],"name":"div","attributes":["style"]},{"children":[],"name":"div","attributes":["data-testid","style"]}],"name":"button","attributes":["disabled","style"]}],"request":"/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/VariantButton.tsx","fileName":"VariantButton.tsx","package":"a43d841323373aff56d44a3c5792e313","info":{"tags":{},"description":"Button with variants","displayName":"VariantButton","methods":[],"props":{"text":{"description":"button label of text","type":{"required":true,"name":"string","raw":"string"}},"variant":{"description":"variant kind","defaultValue":"primary","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"primary"},{"name":"string","value":"accent"},{"name":"string","value":"disabled"},{"name":"string","value":"success"},{"name":"string","value":"warning"},{"name":"string","value":"error"}],"raw":"ButtonVariant | undefined"}},"fontSize":{"description":"font size for the Button label","defaultValue":18,"type":{"name":"number","raw":"number"}},"icon":{"description":"icon kind","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"none"},{"name":"string","value":"search"},{"name":"string","value":"left-arrow"},{"name":"string","value":"right-arrow"},{"name":"string","value":"down-arrow"},{"name":"string","value":"up-arrow"}],"raw":"ButtonIconType | undefined"}},"iconSide":{"description":"on which side of the label should the icon be placed","defaultValue":"left","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"left"},{"name":"string","value":"right"}],"raw":"IconSideType | undefined"}},"iconSize":{"description":"icon size","defaultValue":"small","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"small"},{"name":"string","value":"medium"},{"name":"string","value":"large"}],"raw":"SizeVariants | undefined"}},"padding":{"description":"padding variants","defaultValue":"medium","type":{"name":"enum","value":[{"name":"string","value":"undefined"},{"name":"string","value":"small"},{"name":"string","value":"medium"},{"name":"string","value":"large"}],"raw":"SizeVariants | undefined"}},"isPrimary":{"description":"boolean switch for primary variant","deprecated":"since version 1.0","defaultValue":false,"type":{"name":"boolean","raw":"boolean"}}}},"fileInfo":{"dateCreated":"2021-04-03 21:38:35 -0400","dateModified":"2021-05-02 06:15:28 -0400","sloc":{"total":153,"source":106,"comment":31,"single":2,"block":29,"mixed":0,"empty":16,"todo":2,"blockEmpty":0},"commits":[{"hash":"14f8f53eee515bf494200d33e080ba029a531f99","subject":"chore: initial control values","authorName":"atanasster","authorDate":"2021-05-02T10:15:28.000Z","authorEmail":"atanasster@gmail.com","committerName":"atanasster","committerDate":"2021-05-02T10:15:28.000Z","committerEmail":"atanasster@gmail.com"},{"hash":"af41a21f118dbb7ada6a0b0f28311712476250a1","subject":"chore: rename testing packages","authorName":"atanasster","authorDate":"2021-04-04T01:38:35.000Z","authorEmail":"atanasster@gmail.com","committerName":"atanasster","committerDate":"2021-04-04T01:38:35.000Z","committerEmail":"atanasster@gmail.com"}]},"jest":{"results":[{"leaks":false,"perfStats":{"end":1620886033967,"runtime":1681,"slow":false,"start":1620886032286},"testFilePath":"VariantButton.test.tsx","testResults":[{"ancestorTitles":["VariantButton"],"duration":50,"fullName":"VariantButton primary","status":"passed","title":"primary","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton"],"duration":64,"fullName":"VariantButton disabled","status":"passed","title":"disabled","numPassingAsserts":0,"failureDetails":[]}]},{"leaks":false,"perfStats":{"end":1620886037665,"runtime":5380,"slow":true,"start":1620886032285},"testFilePath":"VariantButton.test.ts","testResults":[{"ancestorTitles":["VariantButton","overview"],"duration":39,"fullName":"VariantButton overview snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview"],"duration":181,"fullName":"VariantButton overview accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","primary"],"duration":7,"fullName":"VariantButton primary snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","primary"],"duration":39,"fullName":"VariantButton primary accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","accent"],"duration":5,"fullName":"VariantButton accent snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","accent"],"duration":39,"fullName":"VariantButton accent accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","disabled"],"duration":7,"fullName":"VariantButton disabled snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","disabled"],"duration":34,"fullName":"VariantButton disabled accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","success"],"duration":5,"fullName":"VariantButton success snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","success"],"duration":40,"fullName":"VariantButton success accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","error"],"duration":6,"fullName":"VariantButton error snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","error"],"duration":37,"fullName":"VariantButton error accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","warning"],"duration":6,"fullName":"VariantButton warning snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","warning"],"duration":38,"fullName":"VariantButton warning accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]}]},{"leaks":false,"perfStats":{"end":1620886038241,"runtime":5956,"slow":true,"start":1620886032285},"testFilePath":"VariantButton.test.js","testResults":[{"ancestorTitles":["VariantButton","overview","0"],"duration":31,"fullName":"VariantButton overview 0 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","0"],"duration":117,"fullName":"VariantButton overview 0 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","1"],"duration":6,"fullName":"VariantButton overview 1 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","1"],"duration":50,"fullName":"VariantButton overview 1 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","2"],"duration":5,"fullName":"VariantButton overview 2 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","2"],"duration":41,"fullName":"VariantButton overview 2 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","3"],"duration":5,"fullName":"VariantButton overview 3 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","3"],"duration":41,"fullName":"VariantButton overview 3 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","4"],"duration":5,"fullName":"VariantButton overview 4 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","4"],"duration":36,"fullName":"VariantButton overview 4 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","5"],"duration":6,"fullName":"VariantButton overview 5 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","5"],"duration":39,"fullName":"VariantButton overview 5 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","6"],"duration":6,"fullName":"VariantButton overview 6 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","6"],"duration":38,"fullName":"VariantButton overview 6 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","7"],"duration":4,"fullName":"VariantButton overview 7 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","7"],"duration":35,"fullName":"VariantButton overview 7 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","8"],"duration":4,"fullName":"VariantButton overview 8 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","8"],"duration":34,"fullName":"VariantButton overview 8 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","9"],"duration":6,"fullName":"VariantButton overview 9 snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","overview","9"],"duration":36,"fullName":"VariantButton overview 9 accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","primary"],"duration":5,"fullName":"VariantButton primary snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","primary"],"duration":32,"fullName":"VariantButton primary accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","accent"],"duration":4,"fullName":"VariantButton accent snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","accent"],"duration":39,"fullName":"VariantButton accent accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","disabled"],"duration":5,"fullName":"VariantButton disabled snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","disabled"],"duration":26,"fullName":"VariantButton disabled accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","success"],"duration":4,"fullName":"VariantButton success snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","success"],"duration":34,"fullName":"VariantButton success accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","error"],"duration":5,"fullName":"VariantButton error snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","error"],"duration":34,"fullName":"VariantButton error accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","warning"],"duration":5,"fullName":"VariantButton warning snapshot","status":"passed","title":"snapshot","numPassingAsserts":0,"failureDetails":[]},{"ancestorTitles":["VariantButton","warning"],"duration":33,"fullName":"VariantButton warning accessibility","status":"passed","title":"accessibility","numPassingAsserts":0,"failureDetails":[]}]}],"coverage":{"VariantButton.tsx":{"lines":{"total":10,"covered":10,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":11,"covered":11,"skipped":0,"pct":100},"branches":{"total":14,"covered":12,"skipped":0,"pct":85.71}}}}}},"packages":{"a43d841323373aff56d44a3c5792e313":{"fileHash":"a43d841323373aff56d44a3c5792e313","name":"@component-controls/jest-extract","version":"3.11.4","repository":{"browse":"https://github.com/ccontrols/component-controls/tree/master/core/jest-extract/test/fixtures/story/VariantButton.tsx","docs":"https://github.com/ccontrols/component-controls/tree/master#readme","issues":"https://github.com/ccontrols/component-controls/issues"},"dependencies":{"@component-controls/core":"^3.11.4","babel-jest":"^26.6.3","fastq":"^1.11.0","jest":"^26.4.2","path":"^0.12.7","ts-jest":"^26.5.5"},"devDependencies":{"@babel/preset-env":"^7.13.10","@babel/preset-react":"^7.12.13","@jest/reporters":"^26.0.10","@jest/test-result":"^26.0.10","@types/jest":"^26.0.10","@types/react-dom":"^16.9.8","react-dom":"^17.0.1","react-test-renderer":"^17.0.1","typescript":"^4.0.5"}},"3bd75e504b4a522120e3a801ff48943a":{"fileHash":"3bd75e504b4a522120e3a801ff48943a","name":"@component-controls/jest-extract","version":"3.11.4","repository":{"browse":"https://github.com/ccontrols/component-controls/tree/master/core/jest-extract/test/fixtures/story/VariantButton.docs.tsx","docs":"https://github.com/ccontrols/component-controls/tree/master#readme","issues":"https://github.com/ccontrols/component-controls/issues"},"dependencies":{"@component-controls/core":"^3.11.4","babel-jest":"^26.6.3","fastq":"^1.11.0","jest":"^26.4.2","path":"^0.12.7","ts-jest":"^26.5.5"},"devDependencies":{"@babel/preset-env":"^7.13.10","@babel/preset-react":"^7.12.13","@jest/reporters":"^26.0.10","@jest/test-result":"^26.0.10","@types/jest":"^26.0.10","@types/react-dom":"^16.9.8","react-dom":"^17.0.1","react-test-renderer":"^17.0.1","typescript":"^4.0.5"}}},"config":{},"buildConfig":{"siteRoot":"/","siteMap":{"pages":{"home":{"priority":1},"index":{"priority":0.8},"doc":{"priority":0.5}}},"categories":["author","tags"],"ignore":["readme.md","changelog.md","code_of_conduct.md","contributing.md","license.md"],"pages":{"story":{"basePath":"docs/","sideNav":{"storyPaths":true,"collapseSingle":true},"tabs":{"page":"/Users/atanasster/component-controls/ui/pages/ClassicPage.js"}},"blog":{"basePath":"blogs/"},"author":{"basePath":"authors/"},"page":{"basePath":"pages/"},"tags":{"basePath":"tags/"}},"search":{"searchingModule":"@component-controls/search-fusejs"},"configPath":"test/.config","distFolder":"/Users/atanasster/component-controls/plugins/cc-cli/test/bundle","bundleName":"component-controls.js","staticFolder":"public/static","stories":["/Users/atanasster/component-controls/core/jest-extract/test/fixtures/story/*.docs.tsx"]}}; store.search = search["default"] || search; store.config = configJSON; store.buildConfig = { @@ -174,29 +173,6 @@ store.buildConfig = { }; store.buildConfig.pages.story.tabs["page"] = loadPageTab(store.buildConfig.pages.story.tabs["page"], story_0); -var assignProps = function assignProps(obj, _ref) { - var storyName = _ref.storyName, - story = _ref.story, - props = _objectWithoutProperties(_ref, ["storyName", "story"]); - - //preserve component and subcomponents as strings - var componentName = obj.component; - var subcomponentsName = obj.subcomponents; - Object.assign(obj, props); - - if (componentName !== undefined) { - obj.component = componentName; - } - - if (subcomponentsName !== undefined) { - obj.subcomponents = subcomponentsName; - } - - if (storyName) { - obj.name = storyName; - } -}; - var _loop = function _loop(_i) { var s = store.stores[_i]; var doc = s.doc; diff --git a/plugins/cc-cli/test/cli-story-data.test.ts b/plugins/cc-cli/test/cli-story-data.test.ts index f42b16034..877844294 100644 --- a/plugins/cc-cli/test/cli-story-data.test.ts +++ b/plugins/cc-cli/test/cli-story-data.test.ts @@ -1,10 +1,8 @@ -import { randomizeSeed } from '@component-controls/core'; import { setLogOptions } from '@component-controls/logger'; import { runTests } from './run-cli-tests'; describe('cli-story-data', () => { setLogOptions({ logLevel: 'none' }); - randomizeSeed(11223344); runTests('create cjs story', ['-g', 'story', '-f', 'cjs', '-d', '2']); runTests('create esm story', ['-g', 'story', '-f', 'esm', '-d', '2']); runTests('create typescript story', ['-g', 'story', '-f', 'ts', '-d', '2']); diff --git a/plugins/cc-cli/test/data-template-bundle.test.ts b/plugins/cc-cli/test/data-template-bundle.test.ts index 39426d530..c4d7ad765 100644 --- a/plugins/cc-cli/test/data-template-bundle.test.ts +++ b/plugins/cc-cli/test/data-template-bundle.test.ts @@ -1,14 +1,13 @@ import path from 'path'; -import { randomizeSeed } from '@component-controls/core'; import { createDataTemplate } from '../src/data-templates/data-template'; describe('data-template-bundle', () => { - randomizeSeed(11223344); it('import', async () => { const template = await createDataTemplate({ data: 5, bundle: path.resolve(__dirname, 'bundle/component-controls.js'), name: 'VariantButton', + seed: 11223344, }); expect(template).toMatchSnapshot(); }, 50000); diff --git a/plugins/cc-cli/test/data-template-import-existing.test.ts b/plugins/cc-cli/test/data-template-import-existing.test.ts index ba618b0b4..0dc3978e5 100644 --- a/plugins/cc-cli/test/data-template-import-existing.test.ts +++ b/plugins/cc-cli/test/data-template-import-existing.test.ts @@ -1,9 +1,7 @@ import path from 'path'; -import { randomizeSeed } from '@component-controls/core'; import { createDataTemplate } from '../src/data-templates/data-template'; describe('data-template-import-existing', () => { - randomizeSeed(11223344); it('existing less than data', async () => { const template = await createDataTemplate( { @@ -12,6 +10,7 @@ describe('data-template-import-existing', () => { __dirname, '../../../core/jest-extract/test/fixtures/story/VariantButton.docs.tsx', ), + seed: 11223344, }, { overview: { @@ -40,6 +39,7 @@ describe('data-template-import-existing', () => { __dirname, '../../../core/jest-extract/test/fixtures/story/VariantButton.docs.tsx', ), + seed: 11223344, }, { overview: { @@ -69,6 +69,7 @@ describe('data-template-import-existing', () => { __dirname, '../../../core/jest-extract/test/fixtures/story/VariantButton.docs.tsx', ), + seed: 11223344, }, { overview: { @@ -105,6 +106,7 @@ describe('data-template-import-existing', () => { __dirname, '../../../core/jest-extract/test/fixtures/story/VariantButton.docs.tsx', ), + seed: 11223344, }, { oldStory: { diff --git a/plugins/cc-cli/test/data-template-import.test.ts b/plugins/cc-cli/test/data-template-import.test.ts index d631e392d..f24075ef9 100644 --- a/plugins/cc-cli/test/data-template-import.test.ts +++ b/plugins/cc-cli/test/data-template-import.test.ts @@ -1,9 +1,7 @@ import path from 'path'; -import { randomizeSeed } from '@component-controls/core'; import { createDataTemplate } from '../src/data-templates/data-template'; describe('data-template-import', () => { - randomizeSeed(11223344); it('import', async () => { const template = await createDataTemplate({ data: 5, @@ -11,6 +9,7 @@ describe('data-template-import', () => { __dirname, '../../../core/jest-extract/test/fixtures/story/VariantButton.docs.tsx', ), + seed: 11223344, }); expect(template).toMatchSnapshot(); }, 50000); diff --git a/plugins/cc-cli/test/run-cli-tests.ts b/plugins/cc-cli/test/run-cli-tests.ts index eee39e064..591068f2c 100644 --- a/plugins/cc-cli/test/run-cli-tests.ts +++ b/plugins/cc-cli/test/run-cli-tests.ts @@ -1,14 +1,12 @@ import path from 'path'; import fs from 'fs'; const mockArgv = require('mock-argv'); -import { randomizeSeed } from '@component-controls/core'; import { setLogOptions } from '@component-controls/logger'; import { run } from '../src/cli/cli'; export const runTests = (testName: string, args: string[]): void => { setLogOptions({ logLevel: 'none' }); - randomizeSeed(11223344); it( testName, async () => { @@ -21,6 +19,8 @@ export const runTests = (testName: string, args: string[]): void => { : []), '-o', outPath, + '-s', + '11223344', ], async () => { await run(); diff --git a/plugins/cc-cli/test/run-document-tests.ts b/plugins/cc-cli/test/run-document-tests.ts index fd1f0a293..705c44a39 100644 --- a/plugins/cc-cli/test/run-document-tests.ts +++ b/plugins/cc-cli/test/run-document-tests.ts @@ -1,7 +1,6 @@ import fs from 'fs'; import path from 'path'; import { runCLI } from 'jest'; -import { randomizeSeed } from '@component-controls/core'; import { setLogOptions } from '@component-controls/logger'; import { createDocumentTemplate } from '../src/jest-templates/document-template'; import { saveDataTemplate } from '../src/cli/save-data-template'; @@ -16,7 +15,6 @@ export const runTests = async ( ): Promise => { const { renderer, format, config, bundle, data, name } = props; setLogOptions({ logLevel: 'none' }); - randomizeSeed(123456); it(`${renderer} ${bundle ? 'bundle' : ''} ${format}`, async () => { const storyPath = path.resolve( __dirname, @@ -31,6 +29,7 @@ export const runTests = async ( output: __dirname, name: bundle ? 'VariantButton' : undefined, test: `VariantButton.data.${formatExtension(format)}`, + seed: 123456, }); } let renderedFile = ''; diff --git a/plugins/cc-cli/test/run-store-tests.ts b/plugins/cc-cli/test/run-store-tests.ts index 3e3f80d87..24c60a7f3 100644 --- a/plugins/cc-cli/test/run-store-tests.ts +++ b/plugins/cc-cli/test/run-store-tests.ts @@ -1,7 +1,6 @@ import fs from 'fs'; import path from 'path'; import { runCLI } from 'jest'; -import { randomizeSeed } from '@component-controls/core'; import { setLogOptions } from '@component-controls/logger'; import { createStoreTemplate } from '../src/jest-templates/store-template'; import { TemplateOptions, formatExtension } from '../src/utils'; @@ -9,7 +8,6 @@ import { TemplateOptions, formatExtension } from '../src/utils'; export const runTests = async (props: TemplateOptions): Promise => { const { renderer, format, config, bundle, name } = props; setLogOptions({ logLevel: 'none' }); - randomizeSeed(123456); it(`${renderer} ${bundle ? 'bundle' : ''} ${format}`, async () => { let renderedFile = ''; renderedFile = await createStoreTemplate({ @@ -18,6 +16,7 @@ export const runTests = async (props: TemplateOptions): Promise => { bundle, config, output: __dirname, + seed: 123456, }); expect(renderedFile).toMatchSnapshot(); if (name) { diff --git a/plugins/cc-cli/test/run-story-tests.ts b/plugins/cc-cli/test/run-story-tests.ts index 0f7f6bb91..e1bcc095b 100644 --- a/plugins/cc-cli/test/run-story-tests.ts +++ b/plugins/cc-cli/test/run-story-tests.ts @@ -1,7 +1,6 @@ import fs from 'fs'; import path from 'path'; import { runCLI } from 'jest'; -import { randomizeSeed } from '@component-controls/core'; import { setLogOptions } from '@component-controls/logger'; import { createStoriesTemplate } from '../src/jest-templates/stories-template'; import { saveDataTemplate } from '../src/cli/save-data-template'; @@ -16,7 +15,6 @@ export const runTests = async ( ): Promise => { const { renderer, format, config, bundle, data } = props; setLogOptions({ logLevel: 'none' }); - randomizeSeed(123456); const storyPath = path.resolve(__dirname, 'fixtures/VariantButton.docs.tsx'); it(`${renderer} ${bundle ? 'bundle' : ''} ${format}`, async () => { let dataImports: DataImportOptions | undefined = undefined; @@ -28,6 +26,7 @@ export const runTests = async ( output: __dirname, name: bundle ? 'VariantButton' : undefined, test: `VariantButton.data.${formatExtension(format)}`, + seed: 123456, }); } let renderedFile = ''; diff --git a/ui/app/package.json b/ui/app/package.json index 404229f2b..daa308f91 100644 --- a/ui/app/package.json +++ b/ui/app/package.json @@ -18,7 +18,7 @@ "fix": "yarn lint --fix", "lint": "yarn eslint . --ext mdx,ts,tsx", "prepare": "yarn build", - "test:create": "cc-cli -g doc -c ./.config -w -d 5", + "test:create": "cc-cli -g doc -c ./.config -w -d 5 -s 1122334455", "test": "yarn jest" }, "homepage": "https://github.com/ccontrols/component-controls", diff --git a/ui/app/src/AppError/AppError.data.ts b/ui/app/src/AppError/AppError.data.ts index 2fda117af..a4e013a6b 100644 --- a/ui/app/src/AppError/AppError.data.ts +++ b/ui/app/src/AppError/AppError.data.ts @@ -1,19 +1,19 @@ export default { overview: { - '0': { - error: 'Dr. Eli Beatty', - }, '1': { - error: 'Mr. Russell Volkman', + error: 'Cecelia Langosh', }, '2': { - error: 'Dr. Zachary Kuphal', + error: 'Cassidy Brekke', }, '3': { - error: 'Mrs. Freeda Nikolaus', + error: 'Chance Kessler', }, '4': { - error: 'Emilio Kozey', + error: 'Cleo Lindgren', + }, + '5': { + error: 'Adeline Welch', }, }, }; diff --git a/ui/app/src/AppError/__snapshots__/AppError.test.ts.snap b/ui/app/src/AppError/__snapshots__/AppError.test.ts.snap index 6a2f1aa60..5486d92d9 100644 --- a/ui/app/src/AppError/__snapshots__/AppError.test.ts.snap +++ b/ui/app/src/AppError/__snapshots__/AppError.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`AppError overview 0 snapshot 1`] = ` +exports[`AppError overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -11,12 +11,12 @@ exports[`AppError overview 0 snapshot 1`] = `

- Dr. Eli Beatty + Cecelia Langosh
`; -exports[`AppError overview 1 snapshot 1`] = ` +exports[`AppError overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -27,12 +27,12 @@ exports[`AppError overview 1 snapshot 1`] = `
- Mr. Russell Volkman + Cassidy Brekke
`; -exports[`AppError overview 2 snapshot 1`] = ` +exports[`AppError overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -43,12 +43,12 @@ exports[`AppError overview 2 snapshot 1`] = `
- Dr. Zachary Kuphal + Chance Kessler
`; -exports[`AppError overview 3 snapshot 1`] = ` +exports[`AppError overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -59,12 +59,12 @@ exports[`AppError overview 3 snapshot 1`] = `
- Mrs. Freeda Nikolaus + Cleo Lindgren
`; -exports[`AppError overview 4 snapshot 1`] = ` +exports[`AppError overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -75,7 +75,7 @@ exports[`AppError overview 4 snapshot 1`] = `
- Emilio Kozey + Adeline Welch
`; diff --git a/ui/app/src/SidebarsPage/__snapshots__/SidebarsPage.test.ts.snap b/ui/app/src/SidebarsPage/__snapshots__/SidebarsPage.test.ts.snap index b941e96f7..5d87e43f4 100644 --- a/ui/app/src/SidebarsPage/__snapshots__/SidebarsPage.test.ts.snap +++ b/ui/app/src/SidebarsPage/__snapshots__/SidebarsPage.test.ts.snap @@ -626,6 +626,7 @@ exports[`SidebarsPage overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; diff --git a/ui/blocks/package.json b/ui/blocks/package.json index 499d104c2..6cac18f6e 100644 --- a/ui/blocks/package.json +++ b/ui/blocks/package.json @@ -18,7 +18,7 @@ "fix": "yarn lint --fix", "lint": "yarn eslint . --ext mdx,ts,tsx", "prepare": "yarn build", - "test:create": "cc-cli -g doc -c ./.config -w -d 5", + "test:create": "cc-cli -g doc -c ./.config -w -d 5 -s 1122334455", "test": "yarn jest" }, "homepage": "https://github.com/ccontrols/component-controls", diff --git a/ui/blocks/src/ComponentCommits/ComponentCommits.data.ts b/ui/blocks/src/ComponentCommits/ComponentCommits.data.ts index b7d32607e..d540966a1 100644 --- a/ui/blocks/src/ComponentCommits/ComponentCommits.data.ts +++ b/ui/blocks/src/ComponentCommits/ComponentCommits.data.ts @@ -1,24 +1,24 @@ export default { pagination: { - '0': { - pageSize: 12, - pageVisible: false, - }, '1': { - pageSize: 12, - pageVisible: false, + pageSize: 14, + pageVisible: true, }, '2': { + pageSize: 7, + pageVisible: true, + }, + '3': { pageSize: 15, pageVisible: false, }, - '3': { + '4': { pageSize: 7, pageVisible: false, }, - '4': { + '5': { pageSize: 13, - pageVisible: true, + pageVisible: false, }, }, }; diff --git a/ui/blocks/src/ComponentCommits/__snapshots__/ComponentCommits.test.ts.snap b/ui/blocks/src/ComponentCommits/__snapshots__/ComponentCommits.test.ts.snap index ce4e06c10..04483037a 100644 --- a/ui/blocks/src/ComponentCommits/__snapshots__/ComponentCommits.test.ts.snap +++ b/ui/blocks/src/ComponentCommits/__snapshots__/ComponentCommits.test.ts.snap @@ -52,6 +52,7 @@ exports[`ComponentCommits overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1062,7 +1063,7 @@ exports[`ComponentCommits overview snapshot 1`] = ` `; -exports[`ComponentCommits pagination 0 snapshot 1`] = ` +exports[`ComponentCommits pagination 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -1114,6 +1115,7 @@ exports[`ComponentCommits pagination 0 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1322,6 +1324,14 @@ exports[`ComponentCommits pagination 0 snapshot 1`] = ` align-items: center; } +.emotion-116 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} +
@@ -2120,7 +2130,13 @@ exports[`ComponentCommits pagination 0 snapshot 1`] = `
+ > +
+ Page 1 of 1 +
+
@@ -2129,7 +2145,7 @@ exports[`ComponentCommits pagination 0 snapshot 1`] = ` `; -exports[`ComponentCommits pagination 1 snapshot 1`] = ` +exports[`ComponentCommits pagination 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -2181,6 +2197,7 @@ exports[`ComponentCommits pagination 1 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -2330,7 +2347,7 @@ exports[`ComponentCommits pagination 1 snapshot 1`] = ` margin-right: 4px; } -.emotion-113 { +.emotion-73 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2353,7 +2370,7 @@ exports[`ComponentCommits pagination 1 snapshot 1`] = ` padding-bottom: 8px; } -.emotion-114 { +.emotion-74 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2372,7 +2389,7 @@ exports[`ComponentCommits pagination 1 snapshot 1`] = ` padding-right: 16px; } -.emotion-115 { +.emotion-75 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2389,6 +2406,80 @@ exports[`ComponentCommits pagination 1 snapshot 1`] = ` align-items: center; } +.emotion-76 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 8px; + padding-right: 8px; +} + +.emotion-76 button { + width: 50px; + margin-left: 2px; + margin-right: 2px; +} + +.emotion-77 { + box-sizing: border-box; + margin: 0; + min-width: 0; + width: 50px; + margin-left: 2px; + margin-right: 2px; +} + +.emotion-78 { + box-sizing: border-box; + margin: 0; + min-width: 0; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + display: inline-block; + text-align: center; + line-height: inherit; + -webkit-text-decoration: none; + text-decoration: none; + font-size: inherit; + padding-left: 16px; + padding-right: 16px; + padding-top: 8px; + padding-bottom: 8px; + color: white; + background-color: #5c6ac4; + border: 0; + border-radius: 4px; + color: #333; + background-color: #f3f3f3; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; +} + +.emotion-78:disabled { + color: #aaa; +} + +.emotion-85 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} +
@@ -2890,304 +2981,67 @@ exports[`ComponentCommits pagination 1 snapshot 1`] = ` - - - - 2/21/2021 - - - -
-

- atanasster -

-
-
- avatar of atanasster -
-
-
- - - - first commit! - - - - - - - 2/21/2021 - - - -
-

- atanasster -

-
-
- avatar of atanasster -
-
-
- - - - first commit! - - - - + +
+
+ Total: 12 records +
+
+
- - - 2/21/2021 - - - -
-

- martin-stoyanov -

-
-
- avatar of martin-stoyanov -
-
-
- - +
+
- - first commit! - - - - - - - 2/21/2021 - - - +
+
-
-

- atanasster -

-
-
- avatar of atanasster -
-
-
- - +
+
- - first commit! - - - - +
+
+
- - - 2/21/2021 - - - -
-

- atanasster -

-
-
- avatar of atanasster -
-
-
- - - - first commit! - - - - - -
-
- Total: 12 records + Page 1 of 2 +
-
@@ -3196,7 +3050,7 @@ exports[`ComponentCommits pagination 1 snapshot 1`] = ` `; -exports[`ComponentCommits pagination 2 snapshot 1`] = ` +exports[`ComponentCommits pagination 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -3248,6 +3102,7 @@ exports[`ComponentCommits pagination 2 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -4263,7 +4118,7 @@ exports[`ComponentCommits pagination 2 snapshot 1`] = ` `; -exports[`ComponentCommits pagination 3 snapshot 1`] = ` +exports[`ComponentCommits pagination 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -4315,6 +4170,7 @@ exports[`ComponentCommits pagination 3 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -5154,7 +5010,7 @@ exports[`ComponentCommits pagination 3 snapshot 1`] = ` `; -exports[`ComponentCommits pagination 4 snapshot 1`] = ` +exports[`ComponentCommits pagination 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -5206,6 +5062,7 @@ exports[`ComponentCommits pagination 4 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -5414,14 +5271,6 @@ exports[`ComponentCommits pagination 4 snapshot 1`] = ` align-items: center; } -.emotion-116 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; -} -
@@ -6220,13 +6069,7 @@ exports[`ComponentCommits pagination 4 snapshot 1`] = `
-
- Page 1 of 1 -
-
+ />
diff --git a/ui/blocks/src/ComponentDependencies/__snapshots__/ExternalDependencies.test.ts.snap b/ui/blocks/src/ComponentDependencies/__snapshots__/ExternalDependencies.test.ts.snap index 86ebea87b..b2cf6aef8 100644 --- a/ui/blocks/src/ComponentDependencies/__snapshots__/ExternalDependencies.test.ts.snap +++ b/ui/blocks/src/ComponentDependencies/__snapshots__/ExternalDependencies.test.ts.snap @@ -52,6 +52,7 @@ exports[`ExternalDependencies overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; diff --git a/ui/blocks/src/ComponentDependencies/__snapshots__/LocalDependencies.test.ts.snap b/ui/blocks/src/ComponentDependencies/__snapshots__/LocalDependencies.test.ts.snap index d9b812850..6c91a83fc 100644 --- a/ui/blocks/src/ComponentDependencies/__snapshots__/LocalDependencies.test.ts.snap +++ b/ui/blocks/src/ComponentDependencies/__snapshots__/LocalDependencies.test.ts.snap @@ -52,6 +52,7 @@ exports[`LocalDependencies overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; diff --git a/ui/blocks/src/ComponentJSX/__snapshots__/ComponentJSX.test.ts.snap b/ui/blocks/src/ComponentJSX/__snapshots__/ComponentJSX.test.ts.snap index ce2dede60..e43f1c519 100644 --- a/ui/blocks/src/ComponentJSX/__snapshots__/ComponentJSX.test.ts.snap +++ b/ui/blocks/src/ComponentJSX/__snapshots__/ComponentJSX.test.ts.snap @@ -52,6 +52,7 @@ exports[`ComponentJSX overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; diff --git a/ui/blocks/src/ComponentSource/__snapshots__/ComponentSource.test.ts.snap b/ui/blocks/src/ComponentSource/__snapshots__/ComponentSource.test.ts.snap index 342357ea3..38e8100fd 100644 --- a/ui/blocks/src/ComponentSource/__snapshots__/ComponentSource.test.ts.snap +++ b/ui/blocks/src/ComponentSource/__snapshots__/ComponentSource.test.ts.snap @@ -123,6 +123,7 @@ exports[`ComponentSource customTitle snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -763,6 +764,7 @@ exports[`ComponentSource noComponent snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1369,6 +1371,7 @@ exports[`ComponentSource notCollapsible snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1902,6 +1905,7 @@ exports[`ComponentSource overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -2413,6 +2417,7 @@ exports[`ComponentSource theme snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -2796,6 +2801,7 @@ exports[`ComponentSource title snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; diff --git a/ui/blocks/src/PropsTable/__snapshots__/PropsTable.test.ts.snap b/ui/blocks/src/PropsTable/__snapshots__/PropsTable.test.ts.snap index 6f64b189f..d527bab48 100644 --- a/ui/blocks/src/PropsTable/__snapshots__/PropsTable.test.ts.snap +++ b/ui/blocks/src/PropsTable/__snapshots__/PropsTable.test.ts.snap @@ -55,6 +55,7 @@ exports[`PropsTable controls snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -858,6 +859,7 @@ exports[`PropsTable customTitle snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1428,6 +1430,7 @@ exports[`PropsTable extraColumns snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -3114,6 +3117,7 @@ exports[`PropsTable notCollapsible snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -3648,6 +3652,7 @@ exports[`PropsTable overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -5148,6 +5153,7 @@ exports[`PropsTable subcomponents snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -5731,6 +5737,7 @@ exports[`PropsTable title snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; diff --git a/ui/blocks/src/StoryData/StoryData.data.ts b/ui/blocks/src/StoryData/StoryData.data.ts new file mode 100644 index 000000000..e5b3d70cd --- /dev/null +++ b/ui/blocks/src/StoryData/StoryData.data.ts @@ -0,0 +1,24 @@ +export default { + pagination: { + '1': { + pageSize: 6, + pageVisible: true, + }, + '2': { + pageSize: 3, + pageVisible: true, + }, + '3': { + pageSize: 6, + pageVisible: false, + }, + '4': { + pageSize: 3, + pageVisible: false, + }, + '5': { + pageSize: 5, + pageVisible: false, + }, + }, +}; diff --git a/ui/blocks/src/StoryData/StoryData.test.ts b/ui/blocks/src/StoryData/StoryData.test.ts new file mode 100644 index 000000000..6e66015ea --- /dev/null +++ b/ui/blocks/src/StoryData/StoryData.test.ts @@ -0,0 +1,43 @@ +import * as path from 'path'; +import { run, AxeResults } from 'axe-core'; +import { reactRunDOM } from '@component-controls/test-renderers'; +import '@component-controls/jest-axe-matcher'; +import { loadConfigurations } from '@component-controls/config'; +import { renderDocument } from '@component-controls/test-renderers'; +import { render, act } from '@testing-library/react'; +import { renderErr } from '@component-controls/test-renderers'; + +import * as examples from './StoryData.stories'; +import data from './StoryData.data'; + +describe('StoryData', () => { + const configPath = path.resolve(__dirname, '../../.config'); + const config = loadConfigurations(configPath); + let renderedExamples: ReturnType = []; + act(() => { + renderedExamples = renderDocument(examples, config, data); + }); + if (!renderedExamples) { + renderErr(); + return; + } + renderedExamples.forEach(({ name, rendered, dataId, values }) => { + describe(name, () => { + const runTests = () => { + it('snapshot', () => { + const { asFragment } = render(rendered); + expect(asFragment()).toMatchSnapshot(); + }); + it('accessibility', async () => { + const axeResults = await reactRunDOM(rendered, run); + expect(axeResults).toHaveNoAxeViolations(); + }); + }; + if (dataId && values) { + describe(dataId, runTests); + } else { + runTests(); + } + }); + }); +}); diff --git a/ui/blocks/src/StoryData/__snapshots__/StoryData.test.ts.snap b/ui/blocks/src/StoryData/__snapshots__/StoryData.test.ts.snap new file mode 100644 index 000000000..c50880553 --- /dev/null +++ b/ui/blocks/src/StoryData/__snapshots__/StoryData.test.ts.snap @@ -0,0 +1,13 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`StoryData overview snapshot 1`] = ``; + +exports[`StoryData pagination 1 snapshot 1`] = ``; + +exports[`StoryData pagination 2 snapshot 1`] = ``; + +exports[`StoryData pagination 3 snapshot 1`] = ``; + +exports[`StoryData pagination 4 snapshot 1`] = ``; + +exports[`StoryData pagination 5 snapshot 1`] = ``; diff --git a/ui/blocks/src/TestsCoverage/TestsCoverage.data.ts b/ui/blocks/src/TestsCoverage/TestsCoverage.data.ts index f24f5faf9..e5b3d70cd 100644 --- a/ui/blocks/src/TestsCoverage/TestsCoverage.data.ts +++ b/ui/blocks/src/TestsCoverage/TestsCoverage.data.ts @@ -1,24 +1,24 @@ export default { pagination: { - '0': { + '1': { pageSize: 6, - pageVisible: false, + pageVisible: true, }, - '1': { + '2': { pageSize: 3, + pageVisible: true, + }, + '3': { + pageSize: 6, pageVisible: false, }, - '2': { + '4': { pageSize: 3, pageVisible: false, }, - '3': { + '5': { pageSize: 5, pageVisible: false, }, - '4': { - pageSize: 8, - pageVisible: true, - }, }, }; diff --git a/ui/blocks/src/TestsCoverage/__snapshots__/TestsCoverage.test.ts.snap b/ui/blocks/src/TestsCoverage/__snapshots__/TestsCoverage.test.ts.snap index 55842360a..815d5ae18 100644 --- a/ui/blocks/src/TestsCoverage/__snapshots__/TestsCoverage.test.ts.snap +++ b/ui/blocks/src/TestsCoverage/__snapshots__/TestsCoverage.test.ts.snap @@ -52,6 +52,7 @@ exports[`TestsCoverage overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1290,7 +1291,7 @@ exports[`TestsCoverage overview snapshot 1`] = ` `; -exports[`TestsCoverage pagination 0 snapshot 1`] = ` +exports[`TestsCoverage pagination 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -1342,6 +1343,7 @@ exports[`TestsCoverage pagination 0 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1684,6 +1686,14 @@ exports[`TestsCoverage pagination 0 snapshot 1`] = ` color: #aaa; } +.emotion-104 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} +
@@ -2255,6 +2265,11 @@ exports[`TestsCoverage pagination 0 snapshot 1`] = `
+
+ Page 1 of 5 +
@@ -2264,7 +2279,7 @@ exports[`TestsCoverage pagination 0 snapshot 1`] = ` `; -exports[`TestsCoverage pagination 1 snapshot 1`] = ` +exports[`TestsCoverage pagination 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -2316,6 +2331,7 @@ exports[`TestsCoverage pagination 1 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -2645,6 +2661,14 @@ exports[`TestsCoverage pagination 1 snapshot 1`] = ` color: #aaa; } +.emotion-73 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} +
@@ -3034,6 +3058,11 @@ exports[`TestsCoverage pagination 1 snapshot 1`] = `
+
+ Page 1 of 10 +
@@ -3043,7 +3072,7 @@ exports[`TestsCoverage pagination 1 snapshot 1`] = ` `; -exports[`TestsCoverage pagination 2 snapshot 1`] = ` +exports[`TestsCoverage pagination 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -3095,6 +3124,7 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -3299,7 +3329,20 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` border: 2px solid #7e8e48; } -.emotion-61 { +.emotion-87 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: inline-block; + padding-left: 4px; + padding-right: 4px; + border-radius: 5px; + white-space: nowrap; + background-color: rgba(109,153,74,0.15); + border: 2px solid #6d994a; +} + +.emotion-92 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3322,7 +3365,7 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` padding-bottom: 8px; } -.emotion-62 { +.emotion-93 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3341,7 +3384,7 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` padding-right: 16px; } -.emotion-63 { +.emotion-94 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3358,7 +3401,7 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` align-items: center; } -.emotion-64 { +.emotion-95 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3377,13 +3420,13 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` padding-right: 8px; } -.emotion-64 button { +.emotion-95 button { width: 50px; margin-left: 2px; margin-right: 2px; } -.emotion-65 { +.emotion-96 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3392,7 +3435,7 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` margin-right: 2px; } -.emotion-66 { +.emotion-97 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3420,7 +3463,7 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } -.emotion-66:disabled { +.emotion-97:disabled { color: #aaa; } @@ -3758,56 +3801,238 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` + + + +
+ statements +
+ + +
+ 56 +
+ + +
+ 55 +
+ + +
+ 0 +
+ + +
+ + + 98.21% + + +
+ + + + + +
+ branches +
+ + +
+ 49 +
+ + +
+ 40 +
+ + +
+ 0 +
+ + +
+ + + 81.63% + + +
+ + + + +
+ + + + TableFilter.tsx + +
+ +
Total: 24 records
@@ -3822,7 +4047,7 @@ exports[`TestsCoverage pagination 2 snapshot 1`] = ` `; -exports[`TestsCoverage pagination 3 snapshot 1`] = ` +exports[`TestsCoverage pagination 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -3874,6 +4099,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -4078,20 +4304,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` border: 2px solid #7e8e48; } -.emotion-87 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(109,153,74,0.15); - border: 2px solid #6d994a; -} - -.emotion-89 { +.emotion-61 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4114,7 +4327,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` padding-bottom: 8px; } -.emotion-90 { +.emotion-62 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4133,7 +4346,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` padding-right: 16px; } -.emotion-91 { +.emotion-63 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4150,7 +4363,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` align-items: center; } -.emotion-92 { +.emotion-64 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4169,13 +4382,13 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` padding-right: 8px; } -.emotion-92 button { +.emotion-64 button { width: 50px; margin-left: 2px; margin-right: 2px; } -.emotion-93 { +.emotion-65 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4184,7 +4397,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` margin-right: 2px; } -.emotion-94 { +.emotion-66 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4212,7 +4425,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } -.emotion-94:disabled { +.emotion-66:disabled { color: #aaa; } @@ -4550,202 +4763,56 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = `
- - - -
- statements -
- - -
- 56 -
- - -
- 55 -
- - -
- 0 -
- - -
- - - 98.21% - - -
- - - - - -
- branches -
- - -
- 49 -
- - -
- 40 -
- - -
- 0 -
- - -
- - - 81.63% - - -
- -
Total: 24 records
@@ -4760,7 +4827,7 @@ exports[`TestsCoverage pagination 3 snapshot 1`] = ` `; -exports[`TestsCoverage pagination 4 snapshot 1`] = ` +exports[`TestsCoverage pagination 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -4812,6 +4879,7 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -5029,20 +5097,7 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` border: 2px solid #6d994a; } -.emotion-118 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(160,121,67,0.15); - border: 2px solid #a07943; -} - -.emotion-120 { +.emotion-89 { box-sizing: border-box; margin: 0; min-width: 0; @@ -5065,7 +5120,7 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` padding-bottom: 8px; } -.emotion-121 { +.emotion-90 { box-sizing: border-box; margin: 0; min-width: 0; @@ -5084,7 +5139,7 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` padding-right: 16px; } -.emotion-122 { +.emotion-91 { box-sizing: border-box; margin: 0; min-width: 0; @@ -5101,7 +5156,7 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` align-items: center; } -.emotion-123 { +.emotion-92 { box-sizing: border-box; margin: 0; min-width: 0; @@ -5120,13 +5175,13 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` padding-right: 8px; } -.emotion-123 button { +.emotion-92 button { width: 50px; margin-left: 2px; margin-right: 2px; } -.emotion-124 { +.emotion-93 { box-sizing: border-box; margin: 0; min-width: 0; @@ -5135,7 +5190,7 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` margin-right: 2px; } -.emotion-125 { +.emotion-94 { box-sizing: border-box; margin: 0; min-width: 0; @@ -5163,18 +5218,10 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = ` box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } -.emotion-125:disabled { +.emotion-94:disabled { color: #aaa; } -.emotion-132 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; -} -
@@ -5655,248 +5702,61 @@ exports[`TestsCoverage pagination 4 snapshot 1`] = `
- - -
- - - - TableFilter.tsx - -
- - - - - -
- lines -
- - -
- 6 -
- - -
- 5 -
- - -
- 0 -
- - -
- - - 83.33% - - -
- - - - - -
- functions -
- - -
- 2 -
- - -
- 1 -
- - -
- 0 -
- - -
- - - 50% - - -
- -
Total: 24 records
-
- Page 1 of 4 -
diff --git a/ui/blocks/src/TestsResults/TestsResults.data.ts b/ui/blocks/src/TestsResults/TestsResults.data.ts index 7797d3a58..e5b3d70cd 100644 --- a/ui/blocks/src/TestsResults/TestsResults.data.ts +++ b/ui/blocks/src/TestsResults/TestsResults.data.ts @@ -1,24 +1,24 @@ export default { pagination: { - '0': { - pageSize: 7, - pageVisible: false, - }, '1': { - pageSize: 5, - pageVisible: false, + pageSize: 6, + pageVisible: true, }, '2': { - pageSize: 6, - pageVisible: false, + pageSize: 3, + pageVisible: true, }, '3': { - pageSize: 8, + pageSize: 6, pageVisible: false, }, '4': { + pageSize: 3, + pageVisible: false, + }, + '5': { pageSize: 5, - pageVisible: true, + pageVisible: false, }, }, }; diff --git a/ui/blocks/src/TestsResults/__snapshots__/TestsResults.test.ts.snap b/ui/blocks/src/TestsResults/__snapshots__/TestsResults.test.ts.snap index 887144dec..fbb7458cc 100644 --- a/ui/blocks/src/TestsResults/__snapshots__/TestsResults.test.ts.snap +++ b/ui/blocks/src/TestsResults/__snapshots__/TestsResults.test.ts.snap @@ -52,6 +52,7 @@ exports[`TestsResults overview snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1225,7 +1226,7 @@ exports[`TestsResults overview snapshot 1`] = ` `; -exports[`TestsResults pagination 0 snapshot 1`] = ` +exports[`TestsResults pagination 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -1277,6 +1278,7 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -1514,20 +1516,7 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` border: 2px solid #fce83a; } -.emotion-86 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(250,179,5,0.15); - border: 2px solid #fab305; -} - -.emotion-94 { +.emotion-83 { box-sizing: border-box; margin: 0; min-width: 0; @@ -1550,7 +1539,7 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` padding-bottom: 8px; } -.emotion-95 { +.emotion-84 { box-sizing: border-box; margin: 0; min-width: 0; @@ -1569,7 +1558,7 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` padding-right: 16px; } -.emotion-96 { +.emotion-85 { box-sizing: border-box; margin: 0; min-width: 0; @@ -1586,7 +1575,7 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` align-items: center; } -.emotion-97 { +.emotion-86 { box-sizing: border-box; margin: 0; min-width: 0; @@ -1605,13 +1594,13 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` padding-right: 8px; } -.emotion-97 button { +.emotion-86 button { width: 50px; margin-left: 2px; margin-right: 2px; } -.emotion-98 { +.emotion-87 { box-sizing: border-box; margin: 0; min-width: 0; @@ -1620,7 +1609,7 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` margin-right: 2px; } -.emotion-99 { +.emotion-88 { box-sizing: border-box; margin: 0; min-width: 0; @@ -1648,10 +1637,18 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } -.emotion-99:disabled { +.emotion-88:disabled { color: #aaa; } +.emotion-95 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} +
@@ -2133,121 +2130,66 @@ exports[`TestsResults pagination 0 snapshot 1`] = `
- - - - - -
- skipped -
- - - - -
- Table -
- - -
- skipped -
- - -
- 33 -
- -
Total: 12 records
+
+ Page 1 of 3 +
@@ -2257,7 +2199,7 @@ exports[`TestsResults pagination 0 snapshot 1`] = ` `; -exports[`TestsResults pagination 1 snapshot 1`] = ` +exports[`TestsResults pagination 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -2309,6 +2251,7 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -2493,47 +2436,7 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` text-align: end; } -.emotion-52 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(244,67,54,0.15); - border: 2px solid #f44336; -} - -.emotion-54 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-64 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(158,167,173,0.15); - border: 2px solid #9ea7ad; -} - -.emotion-72 { +.emotion-49 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2556,7 +2459,7 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` padding-bottom: 8px; } -.emotion-73 { +.emotion-50 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2575,7 +2478,7 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` padding-right: 16px; } -.emotion-74 { +.emotion-51 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2592,7 +2495,7 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` align-items: center; } -.emotion-75 { +.emotion-52 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2611,13 +2514,13 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` padding-right: 8px; } -.emotion-75 button { +.emotion-52 button { width: 50px; margin-left: 2px; margin-right: 2px; } -.emotion-76 { +.emotion-53 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2626,7 +2529,7 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` margin-right: 2px; } -.emotion-77 { +.emotion-54 { box-sizing: border-box; margin: 0; min-width: 0; @@ -2654,10 +2557,18 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } -.emotion-77:disabled { +.emotion-54:disabled { color: #aaa; } +.emotion-61 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} +
@@ -2937,203 +2848,66 @@ exports[`TestsResults pagination 1 snapshot 1`] = `
- + +
+
+ Total: 12 records +
+
+
- - - - -
-
- failed -
-
- -
-
- - - - +
+
-
- Table -
- - +
+
-
- editing -
- - -
- 33 -
- - - - - - - -
- disabled -
- - - - -
- Table -
- - -
- disable -
- - -
- 33 -
- - - - -
-
- Total: 12 records -
-
-
-
- -
-
- -
-
-
+
+ Page 1 of 5 +
@@ -3143,7 +2917,7 @@ exports[`TestsResults pagination 1 snapshot 1`] = ` `; -exports[`TestsResults pagination 2 snapshot 1`] = ` +exports[`TestsResults pagination 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -3195,6 +2969,7 @@ exports[`TestsResults pagination 2 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -4102,7 +3877,7 @@ exports[`TestsResults pagination 2 snapshot 1`] = ` `; -exports[`TestsResults pagination 3 snapshot 1`] = ` +exports[`TestsResults pagination 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -4154,6 +3929,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -4338,86 +4114,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` text-align: end; } -.emotion-52 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(244,67,54,0.15); - border: 2px solid #f44336; -} - -.emotion-54 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-64 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(158,167,173,0.15); - border: 2px solid #9ea7ad; -} - -.emotion-75 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(252,232,58,0.15); - border: 2px solid #fce83a; -} - -.emotion-86 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(250,179,5,0.15); - border: 2px solid #fab305; -} - -.emotion-97 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: inline-block; - padding-left: 4px; - padding-right: 4px; - border-radius: 5px; - white-space: nowrap; - background-color: rgba(57,204,255,0.15); - border: 2px solid #39ccff; -} - -.emotion-105 { +.emotion-49 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4440,7 +4137,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` padding-bottom: 8px; } -.emotion-106 { +.emotion-50 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4459,7 +4156,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` padding-right: 16px; } -.emotion-107 { +.emotion-51 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4476,7 +4173,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` align-items: center; } -.emotion-108 { +.emotion-52 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4495,13 +4192,13 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` padding-right: 8px; } -.emotion-108 button { +.emotion-52 button { width: 50px; margin-left: 2px; margin-right: 2px; } -.emotion-109 { +.emotion-53 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4510,7 +4207,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` margin-right: 2px; } -.emotion-110 { +.emotion-54 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4538,7 +4235,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; } -.emotion-110:disabled { +.emotion-54:disabled { color: #aaa; } @@ -4821,378 +4518,56 @@ exports[`TestsResults pagination 3 snapshot 1`] = `
- + +
+
+ Total: 12 records +
+
+
- - - - -
-
- failed -
-
- -
-
- - - - -
- Table -
- - -
- editing -
- - -
- 33 -
- - - - - - - -
- disabled -
- - - - -
- Table -
- - -
- disable -
- - -
- 33 -
- - - - - - - -
- pending -
- - - - -
- Table -
- - -
- pending -
- - -
- 33 -
- - - - - - - -
- skipped -
- - - - -
- Table -
- - -
- skipped -
- - -
- 33 -
- - - - - - - -
- todo -
- - - - -
- Table -
- - -
- todo -
- - -
- 33 -
- - - - -
-
- Total: 12 records -
-
-
-
-
@@ -5207,7 +4582,7 @@ exports[`TestsResults pagination 3 snapshot 1`] = ` `; -exports[`TestsResults pagination 4 snapshot 1`] = ` +exports[`TestsResults pagination 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -5259,6 +4634,7 @@ exports[`TestsResults pagination 4 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -5608,14 +4984,6 @@ exports[`TestsResults pagination 4 snapshot 1`] = ` color: #aaa; } -.emotion-84 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; -} -
@@ -6092,11 +5460,6 @@ exports[`TestsResults pagination 4 snapshot 1`] = `
-
- Page 1 of 3 -
diff --git a/ui/components/package.json b/ui/components/package.json index e83a0fb7b..681dc0747 100644 --- a/ui/components/package.json +++ b/ui/components/package.json @@ -19,7 +19,7 @@ "fix": "yarn lint --fix", "lint": "yarn eslint . --ext mdx,ts,tsx", "prepare": "yarn build", - "test:create": "cc-cli -g doc -c ./.config -w -d 5", + "test:create": "cc-cli -g doc -c ./.config -w -d 5 -s 1122334455", "test": "yarn jest" }, "homepage": "https://github.com/ccontrols/component-controls", diff --git a/ui/components/src/ActionBar/ActionBar.data.ts b/ui/components/src/ActionBar/ActionBar.data.ts index 88042738a..5c85b5094 100644 --- a/ui/components/src/ActionBar/ActionBar.data.ts +++ b/ui/components/src/ActionBar/ActionBar.data.ts @@ -1,19 +1,19 @@ export default { overview: { - '0': { - themeKey: 'actionbar', - }, '1': { themeKey: 'toolbar', }, '2': { - themeKey: 'footer', + themeKey: 'toolbar', }, '3': { - themeKey: 'toolbar', + themeKey: 'actionbar', }, '4': { themeKey: 'toolbar', }, + '5': { + themeKey: 'toolbar', + }, }, }; diff --git a/ui/components/src/ActionBar/__snapshots__/ActionBar.test.ts.snap b/ui/components/src/ActionBar/__snapshots__/ActionBar.test.ts.snap index 742b36c3f..251b2bbce 100644 --- a/ui/components/src/ActionBar/__snapshots__/ActionBar.test.ts.snap +++ b/ui/components/src/ActionBar/__snapshots__/ActionBar.test.ts.snap @@ -925,7 +925,7 @@ exports[`ActionBar override snapshot 1`] = ` `; -exports[`ActionBar overview 0 snapshot 1`] = ` +exports[`ActionBar overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -933,27 +933,21 @@ exports[`ActionBar overview 0 snapshot 1`] = ` min-width: 0; } -.emotion-1 { - box-sizing: border-box; - margin: 0; - min-width: 0; - position: relative; -} - .emotion-2 { box-sizing: border-box; margin: 0; min-width: 0; - position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - width: 100%; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - margin-left: auto; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .emotion-3 { @@ -973,38 +967,6 @@ exports[`ActionBar overview 0 snapshot 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - margin-top: 4px; - font-size: 14px; -} - -.emotion-3 a { - color: #ffffff; - background-color: #3B817D; - -webkit-text-fill-color: initial; - padding-left: 8px; - padding-right: 8px; - padding-top: 4px; - padding-bottom: 4px; - line-height: 1; - border-radius: 1px; - display: inline-block; - box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; - border: 1px solid #3B817D; -} - -.emotion-3 button { - color: #ffffff; - background-color: #3B817D; - -webkit-text-fill-color: initial; - padding-left: 8px; - padding-right: 8px; - padding-top: 4px; - padding-bottom: 4px; - line-height: 1; - border-radius: 1px; - display: inline-block; - box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; - border: 1px solid #3B817D; } .emotion-4 { @@ -1048,38 +1010,6 @@ exports[`ActionBar overview 0 snapshot 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; - margin-top: 4px; - font-size: 14px; -} - -.emotion-5 a { - color: #ffffff; - background-color: #3B817D; - -webkit-text-fill-color: initial; - padding-left: 8px; - padding-right: 8px; - padding-top: 4px; - padding-bottom: 4px; - line-height: 1; - border-radius: 1px; - display: inline-block; - box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; - border: 1px solid #3B817D; -} - -.emotion-5 button { - color: #ffffff; - background-color: #3B817D; - -webkit-text-fill-color: initial; - padding-left: 8px; - padding-right: 8px; - padding-top: 4px; - padding-bottom: 4px; - line-height: 1; - border-radius: 1px; - display: inline-block; - box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; - border: 1px solid #3B817D; } .emotion-6 { @@ -1096,7 +1026,7 @@ exports[`ActionBar overview 0 snapshot 1`] = ` style="height: 100px; width: 100%; background-color: rgb(250, 248, 245);" >
`; -exports[`ActionBar overview 1 snapshot 1`] = ` +exports[`ActionBar overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -1261,7 +1191,7 @@ exports[`ActionBar overview 1 snapshot 1`] = ` `; -exports[`ActionBar overview 2 snapshot 1`] = ` +exports[`ActionBar overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -1269,21 +1199,27 @@ exports[`ActionBar overview 2 snapshot 1`] = ` min-width: 0; } +.emotion-1 { + box-sizing: border-box; + margin: 0; + min-width: 0; + position: relative; +} + .emotion-2 { box-sizing: border-box; margin: 0; min-width: 0; + position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + width: 100%; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-left: auto; } .emotion-3 { @@ -1303,6 +1239,38 @@ exports[`ActionBar overview 2 snapshot 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; + margin-top: 4px; + font-size: 14px; +} + +.emotion-3 a { + color: #ffffff; + background-color: #3B817D; + -webkit-text-fill-color: initial; + padding-left: 8px; + padding-right: 8px; + padding-top: 4px; + padding-bottom: 4px; + line-height: 1; + border-radius: 1px; + display: inline-block; + box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; + border: 1px solid #3B817D; +} + +.emotion-3 button { + color: #ffffff; + background-color: #3B817D; + -webkit-text-fill-color: initial; + padding-left: 8px; + padding-right: 8px; + padding-top: 4px; + padding-bottom: 4px; + line-height: 1; + border-radius: 1px; + display: inline-block; + box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; + border: 1px solid #3B817D; } .emotion-4 { @@ -1346,6 +1314,38 @@ exports[`ActionBar overview 2 snapshot 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; + margin-top: 4px; + font-size: 14px; +} + +.emotion-5 a { + color: #ffffff; + background-color: #3B817D; + -webkit-text-fill-color: initial; + padding-left: 8px; + padding-right: 8px; + padding-top: 4px; + padding-bottom: 4px; + line-height: 1; + border-radius: 1px; + display: inline-block; + box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; + border: 1px solid #3B817D; +} + +.emotion-5 button { + color: #ffffff; + background-color: #3B817D; + -webkit-text-fill-color: initial; + padding-left: 8px; + padding-right: 8px; + padding-top: 4px; + padding-bottom: 4px; + line-height: 1; + border-radius: 1px; + display: inline-block; + box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 1px,rgba(0, 0, 0, 0.1) 0 0 0 1px; + border: 1px solid #3B817D; } .emotion-6 { @@ -1362,7 +1362,7 @@ exports[`ActionBar overview 2 snapshot 1`] = ` style="height: 100px; width: 100%; background-color: rgb(250, 248, 245);" >
`; -exports[`ActionBar overview 3 snapshot 1`] = ` +exports[`ActionBar overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -1527,7 +1527,7 @@ exports[`ActionBar overview 3 snapshot 1`] = ` `; -exports[`ActionBar overview 4 snapshot 1`] = ` +exports[`ActionBar overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; diff --git a/ui/components/src/BlockContainer/BlockContainer.data.ts b/ui/components/src/BlockContainer/BlockContainer.data.ts index a9c47324a..4fbed7c8e 100644 --- a/ui/components/src/BlockContainer/BlockContainer.data.ts +++ b/ui/components/src/BlockContainer/BlockContainer.data.ts @@ -1,19 +1,19 @@ export default { overview: { - '0': { - title: 'Kristina Homenick', - }, '1': { - title: 'Vergie Zboncak', + title: 'Cecelia Langosh', }, '2': { - title: 'Lenora Greenholt', + title: 'Cassidy Brekke', }, '3': { - title: 'Brayan Osinski', + title: 'Chance Kessler', }, '4': { - title: 'Nyasia Dare', + title: 'Cleo Lindgren', + }, + '5': { + title: 'Adeline Welch', }, }, }; diff --git a/ui/components/src/BlockContainer/__snapshots__/BlockContainer.test.ts.snap b/ui/components/src/BlockContainer/__snapshots__/BlockContainer.test.ts.snap index f1bc8e32f..23d4609d0 100644 --- a/ui/components/src/BlockContainer/__snapshots__/BlockContainer.test.ts.snap +++ b/ui/components/src/BlockContainer/__snapshots__/BlockContainer.test.ts.snap @@ -123,6 +123,7 @@ exports[`BlockContainer customId snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -340,6 +341,7 @@ exports[`BlockContainer description snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -555,6 +557,7 @@ exports[`BlockContainer notCollapsible snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -647,7 +650,7 @@ exports[`BlockContainer notCollapsible snapshot 1`] = ` `; -exports[`BlockContainer overview 0 snapshot 1`] = ` +exports[`BlockContainer overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -770,6 +773,7 @@ exports[`BlockContainer overview 0 snapshot 1`] = ` -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; + overflow-x: auto; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -792,18 +796,18 @@ exports[`BlockContainer overview 0 snapshot 1`] = ` >
avatar of Lelia Hirthe
@@ -46,7 +46,7 @@ exports[`GithubAvatar overview 0 snapshot 1`] = ` `; -exports[`GithubAvatar overview 1 snapshot 1`] = ` +exports[`GithubAvatar overview 2 snapshot 1`] = ` .emotion-0 { -webkit-transition: 0.2s ease; @@ -80,11 +80,11 @@ exports[`GithubAvatar overview 1 snapshot 1`] = ` class="emotion-1" > avatar of Werner Fay
@@ -92,7 +92,7 @@ exports[`GithubAvatar overview 1 snapshot 1`] = ` `; -exports[`GithubAvatar overview 2 snapshot 1`] = ` +exports[`GithubAvatar overview 3 snapshot 1`] = ` .emotion-0 { -webkit-transition: 0.2s ease; @@ -126,11 +126,11 @@ exports[`GithubAvatar overview 2 snapshot 1`] = ` class="emotion-1" > avatar of Jermaine Mohr
@@ -138,7 +138,7 @@ exports[`GithubAvatar overview 2 snapshot 1`] = ` `; -exports[`GithubAvatar overview 3 snapshot 1`] = ` +exports[`GithubAvatar overview 4 snapshot 1`] = ` .emotion-0 { -webkit-transition: 0.2s ease; @@ -172,11 +172,11 @@ exports[`GithubAvatar overview 3 snapshot 1`] = ` class="emotion-1" > avatar of Charley Rosenbaum
@@ -184,7 +184,7 @@ exports[`GithubAvatar overview 3 snapshot 1`] = ` `; -exports[`GithubAvatar overview 4 snapshot 1`] = ` +exports[`GithubAvatar overview 5 snapshot 1`] = ` .emotion-0 { -webkit-transition: 0.2s ease; @@ -218,11 +218,11 @@ exports[`GithubAvatar overview 4 snapshot 1`] = ` class="emotion-1" > avatar of Dr. Josephine Kris
diff --git a/ui/components/src/InfoTip/InfoTip.data.ts b/ui/components/src/InfoTip/InfoTip.data.ts index cccff462c..8fcc99a19 100644 --- a/ui/components/src/InfoTip/InfoTip.data.ts +++ b/ui/components/src/InfoTip/InfoTip.data.ts @@ -1,24 +1,24 @@ export default { overview: { - '0': { - children: 'Pansy Feeney', - size: 17, - }, '1': { - children: 'Emilia McLaughlin', - size: 36, + size: 26, + children: 'Johnny Oberbrunner', }, '2': { - children: 'Citlalli Emard', - size: 31, + size: 15, + children: 'Jolie Beahan Sr.', }, '3': { - children: 'Reynold Toy', - size: 13, + size: 21, + children: 'Cleo Lindgren', }, '4': { - children: 'Mr. Soledad Labadie', - size: 22, + size: 27, + children: 'Tyler Blanda', + }, + '5': { + size: 32, + children: 'Krista Zulauf', }, }, }; diff --git a/ui/components/src/InfoTip/__snapshots__/InfoTip.test.ts.snap b/ui/components/src/InfoTip/__snapshots__/InfoTip.test.ts.snap index 06e699e32..b5d7762ec 100644 --- a/ui/components/src/InfoTip/__snapshots__/InfoTip.test.ts.snap +++ b/ui/components/src/InfoTip/__snapshots__/InfoTip.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`InfoTip overview 0 snapshot 1`] = ` +exports[`InfoTip overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -36,21 +36,24 @@ exports[`InfoTip overview 0 snapshot 1`] = ` style="display: inline-block;" >
`; -exports[`ProgressIndicator overview 1 snapshot 1`] = ` +exports[`ProgressIndicator overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -117,7 +117,7 @@ exports[`ProgressIndicator overview 1 snapshot 1`] = ` background-color: #f6f6f6; border-radius: 9999px; border: none; - color: #642242; + color: #0d4106; } .emotion-1::-webkit-progress-bar { @@ -147,20 +147,20 @@ exports[`ProgressIndicator overview 1 snapshot 1`] = ` > - 6 + 2
`; -exports[`ProgressIndicator overview 2 snapshot 1`] = ` +exports[`ProgressIndicator overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -197,7 +197,7 @@ exports[`ProgressIndicator overview 2 snapshot 1`] = ` background-color: #f6f6f6; border-radius: 9999px; border: none; - color: #5b7f18; + color: #5e2519; } .emotion-1::-webkit-progress-bar { @@ -227,20 +227,20 @@ exports[`ProgressIndicator overview 2 snapshot 1`] = ` > - 4 + 2
`; -exports[`ProgressIndicator overview 3 snapshot 1`] = ` +exports[`ProgressIndicator overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -277,7 +277,7 @@ exports[`ProgressIndicator overview 3 snapshot 1`] = ` background-color: #f6f6f6; border-radius: 9999px; border: none; - color: #4e6404; + color: #650179; } .emotion-1::-webkit-progress-bar { @@ -307,20 +307,20 @@ exports[`ProgressIndicator overview 3 snapshot 1`] = ` > - 2 + 4
`; -exports[`ProgressIndicator overview 4 snapshot 1`] = ` +exports[`ProgressIndicator overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -357,7 +357,7 @@ exports[`ProgressIndicator overview 4 snapshot 1`] = ` background-color: #f6f6f6; border-radius: 9999px; border: none; - color: #2c5e74; + color: #6c4d4a; } .emotion-1::-webkit-progress-bar { @@ -387,13 +387,13 @@ exports[`ProgressIndicator overview 4 snapshot 1`] = ` > - 5 + 1
diff --git a/ui/components/src/Shield/Shield.data.ts b/ui/components/src/Shield/Shield.data.ts index a86af657b..b7409ccab 100644 --- a/ui/components/src/Shield/Shield.data.ts +++ b/ui/components/src/Shield/Shield.data.ts @@ -1,41 +1,41 @@ export default { overview: { - '0': { - color: '#071542', - label: 'Jaden Kozey', - }, '1': { - color: '#3e1402', - label: 'Violet Jerde', + label: 'Cecelia Langosh', + color: '#531c15', }, '2': { - color: '#303c4a', - label: 'Oren Hermiston', + label: 'Ms. Alysha Daniel', + color: '#5e2519', }, '3': { - color: '#4b412c', - label: 'Randy Jones', + label: 'Pearlie Altenwerth', + color: '#79096c', }, '4': { - color: '#07632f', - label: 'Vicenta Swaniawski', + label: 'Krista Zulauf', + color: '#4d3d65', + }, + '5': { + label: 'Ms. Ayla Swift', + color: '#033c34', }, }, themeColor: { - '0': { - color: 'palette2', - }, '1': { - color: 'accentPalette0', + color: 'palette3', }, '2': { - color: 'status_passed', + color: 'status_todo', }, '3': { - color: 'accentPalette2', + color: 'palette3', }, '4': { - color: 'palette5', + color: 'accentPalette2', + }, + '5': { + color: 'accentPalette0', }, }, }; diff --git a/ui/components/src/Shield/__snapshots__/Shield.test.ts.snap b/ui/components/src/Shield/__snapshots__/Shield.test.ts.snap index 789b28b71..a30cb023b 100644 --- a/ui/components/src/Shield/__snapshots__/Shield.test.ts.snap +++ b/ui/components/src/Shield/__snapshots__/Shield.test.ts.snap @@ -61,7 +61,7 @@ exports[`Shield fraction snapshot 1`] = ` `; -exports[`Shield overview 0 snapshot 1`] = ` +exports[`Shield overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -101,7 +101,7 @@ exports[`Shield overview 0 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #071542; + background-color: #531c15; color: #ffffff; } @@ -111,7 +111,7 @@ exports[`Shield overview 0 snapshot 1`] = `
- Jaden Kozey + Cecelia Langosh
`; -exports[`Shield overview 1 snapshot 1`] = ` +exports[`Shield overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -162,7 +162,7 @@ exports[`Shield overview 1 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #3e1402; + background-color: #5e2519; color: #ffffff; } @@ -172,7 +172,7 @@ exports[`Shield overview 1 snapshot 1`] = `
- Violet Jerde + Ms. Alysha Daniel
`; -exports[`Shield overview 2 snapshot 1`] = ` +exports[`Shield overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -223,7 +223,7 @@ exports[`Shield overview 2 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #303c4a; + background-color: #79096c; color: #ffffff; } @@ -233,7 +233,7 @@ exports[`Shield overview 2 snapshot 1`] = `
- Oren Hermiston + Pearlie Altenwerth
`; -exports[`Shield overview 3 snapshot 1`] = ` +exports[`Shield overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -284,7 +284,7 @@ exports[`Shield overview 3 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #4b412c; + background-color: #4d3d65; color: #ffffff; } @@ -294,7 +294,7 @@ exports[`Shield overview 3 snapshot 1`] = `
- Randy Jones + Krista Zulauf
`; -exports[`Shield overview 4 snapshot 1`] = ` +exports[`Shield overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -345,7 +345,7 @@ exports[`Shield overview 4 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #07632f; + background-color: #033c34; color: #ffffff; } @@ -355,7 +355,7 @@ exports[`Shield overview 4 snapshot 1`] = `
- Vicenta Swaniawski + Ms. Ayla Swift
`; -exports[`Shield themeColor 0 snapshot 1`] = ` +exports[`Shield themeColor 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -467,8 +467,8 @@ exports[`Shield themeColor 0 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #ff9800; - color: #454f5b; + background-color: #f44336; + color: #ffffff; }
- palette2 + palette3
`; -exports[`Shield themeColor 1 snapshot 1`] = ` +exports[`Shield themeColor 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -528,8 +528,8 @@ exports[`Shield themeColor 1 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #8338ec; - color: #ffffff; + background-color: #39ccff; + color: #454f5b; }
- accentPalette0 + status_todo
`; -exports[`Shield themeColor 2 snapshot 1`] = ` +exports[`Shield themeColor 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -589,8 +589,8 @@ exports[`Shield themeColor 2 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #4caf50; - color: #454f5b; + background-color: #f44336; + color: #ffffff; }
- status_passed + palette3
`; -exports[`Shield themeColor 3 snapshot 1`] = ` +exports[`Shield themeColor 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -671,7 +671,7 @@ exports[`Shield themeColor 3 snapshot 1`] = ` `; -exports[`Shield themeColor 4 snapshot 1`] = ` +exports[`Shield themeColor 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -711,7 +711,7 @@ exports[`Shield themeColor 4 snapshot 1`] = ` padding-right: 4px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; - background-color: #1976d2; + background-color: #8338ec; color: #ffffff; } @@ -726,7 +726,7 @@ exports[`Shield themeColor 4 snapshot 1`] = `
- palette5 + accentPalette0
diff --git a/ui/components/src/Sidebar/Sidebar.data.ts b/ui/components/src/Sidebar/Sidebar.data.ts index aca0d78d6..cfe0f3cbc 100644 --- a/ui/components/src/Sidebar/Sidebar.data.ts +++ b/ui/components/src/Sidebar/Sidebar.data.ts @@ -1,8 +1,5 @@ export default { overview: { - '0': { - collapsible: false, - }, '1': { collapsible: true, }, @@ -10,10 +7,13 @@ export default { collapsible: true, }, '3': { - collapsible: true, + collapsible: false, }, '4': { collapsible: true, }, + '5': { + collapsible: true, + }, }, }; diff --git a/ui/components/src/Sidebar/__snapshots__/Sidebar.test.ts.snap b/ui/components/src/Sidebar/__snapshots__/Sidebar.test.ts.snap index a50112f7c..68016b7b6 100644 --- a/ui/components/src/Sidebar/__snapshots__/Sidebar.test.ts.snap +++ b/ui/components/src/Sidebar/__snapshots__/Sidebar.test.ts.snap @@ -172,99 +172,6 @@ exports[`Sidebar icon snapshot 1`] = ` `; -exports[`Sidebar overview 0 snapshot 1`] = ` - - .emotion-0 { - box-sizing: border-box; - margin: 0; - min-width: 0; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: start; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: start; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-1 { - box-sizing: border-box; - margin: 0; - min-width: 0; - overflow-x: hidden; - background-color: #ffffff; - top: 0; - left: 0; - right: 0; - height: 100%; - width: 100%; - z-index: 9999; - position: absolute; -} - -.emotion-2 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-bottom: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - box-sizing: border-box; - margin: 0; - min-width: 0; -} - -.emotion-3 .selected { - border-left: 4px solid #f49342; - font-weight: 700; - padding-left: 4px; -} - -
-
-
-
-
    -
  • - item 1 -
    • -
  • - item 2 -
    • -
  • - item 3 -
    • -
-
-
-
- -`; - exports[`Sidebar overview 1 snapshot 1`] = ` .emotion-0 { @@ -448,6 +355,99 @@ exports[`Sidebar overview 3 snapshot 1`] = ` display: flex; } +.emotion-1 { + box-sizing: border-box; + margin: 0; + min-width: 0; + overflow-x: hidden; + background-color: #ffffff; + top: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + z-index: 9999; + position: absolute; +} + +.emotion-2 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-bottom: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-3 { + box-sizing: border-box; + margin: 0; + min-width: 0; +} + +.emotion-3 .selected { + border-left: 4px solid #f49342; + font-weight: 700; + padding-left: 4px; +} + +
+
+
+
+
    +
  • + item 1 +
    • +
  • + item 2 +
    • +
  • + item 3 +
    • +
+
+
+
+ +`; + +exports[`Sidebar overview 4 snapshot 1`] = ` + + .emotion-0 { + box-sizing: border-box; + margin: 0; + min-width: 0; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + .emotion-1 { box-sizing: border-box; margin: 0; @@ -511,7 +511,7 @@ exports[`Sidebar overview 3 snapshot 1`] = ` `; -exports[`Sidebar overview 4 snapshot 1`] = ` +exports[`Sidebar overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; diff --git a/ui/components/src/Source/Source.data.ts b/ui/components/src/Source/Source.data.ts index 7b3fd888d..56c57ed58 100644 --- a/ui/components/src/Source/Source.data.ts +++ b/ui/components/src/Source/Source.data.ts @@ -1,24 +1,24 @@ export default { overview: { - '0': { - dark: false, - children: 'Eve Barrows', - }, '1': { - dark: false, - children: 'Earnest Smitham MD', + dark: true, + children: 'Johnny Oberbrunner', }, '2': { - dark: true, - children: 'Brianne Fay', + dark: false, + children: 'Jolie Beahan Sr.', }, '3': { - dark: true, - children: 'Maeve Quigley', + dark: false, + children: 'Cleo Lindgren', }, '4': { dark: true, - children: 'Cathryn Fadel', + children: 'Tyler Blanda', + }, + '5': { + dark: true, + children: 'Krista Zulauf', }, }, }; diff --git a/ui/components/src/Source/__snapshots__/Source.test.ts.snap b/ui/components/src/Source/__snapshots__/Source.test.ts.snap index 1a2173a21..18e3bd6b2 100644 --- a/ui/components/src/Source/__snapshots__/Source.test.ts.snap +++ b/ui/components/src/Source/__snapshots__/Source.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Source overview 0 snapshot 1`] = ` +exports[`Source overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -159,16 +159,16 @@ exports[`Source overview 0 snapshot 1`] = ` > 
         

           
-            Eve Barrows
+            Johnny Oberbrunner
@@ -177,7 +177,7 @@ exports[`Source overview 0 snapshot 1`] = ` `; -exports[`Source overview 1 snapshot 1`] = ` +exports[`Source overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -345,12 +345,13 @@ exports[`Source overview 1 snapshot 1`] = ` - Earnest Smitham + Jolie Beahan Sr - MD + .
@@ -359,7 +360,7 @@ exports[`Source overview 1 snapshot 1`] = ` `; -exports[`Source overview 2 snapshot 1`] = ` +exports[`Source overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -518,16 +519,16 @@ exports[`Source overview 2 snapshot 1`] = ` > 
         

           
-            Brianne Fay
+            Cleo Lindgren
@@ -536,7 +537,7 @@ exports[`Source overview 2 snapshot 1`] = ` `; -exports[`Source overview 3 snapshot 1`] = ` +exports[`Source overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -704,7 +705,7 @@ exports[`Source overview 3 snapshot 1`] = ` - Maeve Quigley + Tyler Blanda
@@ -713,7 +714,7 @@ exports[`Source overview 3 snapshot 1`] = ` `; -exports[`Source overview 4 snapshot 1`] = ` +exports[`Source overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -881,7 +882,7 @@ exports[`Source overview 4 snapshot 1`] = ` - Cathryn Fadel + Krista Zulauf
diff --git a/ui/components/src/Subtitle/Subtitle.data.ts b/ui/components/src/Subtitle/Subtitle.data.ts index 6ab62cd3f..31ff10b69 100644 --- a/ui/components/src/Subtitle/Subtitle.data.ts +++ b/ui/components/src/Subtitle/Subtitle.data.ts @@ -1,19 +1,19 @@ export default { overview: { - '0': { - children: 'Dr. Tate Hermann', - }, '1': { - children: 'Rosina Zulauf MD', + children: 'Cecelia Langosh', }, '2': { - children: 'Sydnee Heaney', + children: 'Cassidy Brekke', }, '3': { - children: 'Ervin Ward', + children: 'Chance Kessler', }, '4': { - children: 'Destany Dach', + children: 'Cleo Lindgren', + }, + '5': { + children: 'Adeline Welch', }, }, }; diff --git a/ui/components/src/Subtitle/__snapshots__/Subtitle.test.ts.snap b/ui/components/src/Subtitle/__snapshots__/Subtitle.test.ts.snap index e96bae364..ad5fd67fa 100644 --- a/ui/components/src/Subtitle/__snapshots__/Subtitle.test.ts.snap +++ b/ui/components/src/Subtitle/__snapshots__/Subtitle.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Subtitle overview 0 snapshot 1`] = ` +exports[`Subtitle overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -17,12 +17,12 @@ exports[`Subtitle overview 0 snapshot 1`] = `

- Dr. Tate Hermann + Cecelia Langosh

`; -exports[`Subtitle overview 1 snapshot 1`] = ` +exports[`Subtitle overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -39,12 +39,12 @@ exports[`Subtitle overview 1 snapshot 1`] = `

- Rosina Zulauf MD + Cassidy Brekke

`; -exports[`Subtitle overview 2 snapshot 1`] = ` +exports[`Subtitle overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -61,12 +61,12 @@ exports[`Subtitle overview 2 snapshot 1`] = `

- Sydnee Heaney + Chance Kessler

`; -exports[`Subtitle overview 3 snapshot 1`] = ` +exports[`Subtitle overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -83,12 +83,12 @@ exports[`Subtitle overview 3 snapshot 1`] = `

- Ervin Ward + Cleo Lindgren

`; -exports[`Subtitle overview 4 snapshot 1`] = ` +exports[`Subtitle overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -105,7 +105,7 @@ exports[`Subtitle overview 4 snapshot 1`] = `

- Destany Dach + Adeline Welch

`; diff --git a/ui/components/src/SyntaxHighlighter/SyntaxHighlighter.data.ts b/ui/components/src/SyntaxHighlighter/SyntaxHighlighter.data.ts index 913d2fe7d..56c57ed58 100644 --- a/ui/components/src/SyntaxHighlighter/SyntaxHighlighter.data.ts +++ b/ui/components/src/SyntaxHighlighter/SyntaxHighlighter.data.ts @@ -1,24 +1,24 @@ export default { overview: { - '0': { - children: 'Iliana Jaskolski', - dark: true, - }, '1': { - children: 'Okey Barrows', dark: true, + children: 'Johnny Oberbrunner', }, '2': { - children: 'Leopoldo Langworth', - dark: true, + dark: false, + children: 'Jolie Beahan Sr.', }, '3': { - children: 'Brent Turcotte', dark: false, + children: 'Cleo Lindgren', }, '4': { - children: 'Modesta Steuber', dark: true, + children: 'Tyler Blanda', + }, + '5': { + dark: true, + children: 'Krista Zulauf', }, }, }; diff --git a/ui/components/src/SyntaxHighlighter/__snapshots__/SyntaxHighlighter.test.ts.snap b/ui/components/src/SyntaxHighlighter/__snapshots__/SyntaxHighlighter.test.ts.snap index d5f3d110e..9f5d22e8b 100644 --- a/ui/components/src/SyntaxHighlighter/__snapshots__/SyntaxHighlighter.test.ts.snap +++ b/ui/components/src/SyntaxHighlighter/__snapshots__/SyntaxHighlighter.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`SyntaxHighlighter overview 0 snapshot 1`] = ` +exports[`SyntaxHighlighter overview 1 snapshot 1`] = ` .emotion-0 { font-family: Menlo,monospace; @@ -33,14 +33,14 @@ exports[`SyntaxHighlighter overview 0 snapshot 1`] = ` - Iliana Jaskolski + Johnny Oberbrunner `; -exports[`SyntaxHighlighter overview 1 snapshot 1`] = ` +exports[`SyntaxHighlighter overview 2 snapshot 1`] = ` .emotion-0 { font-family: Menlo,monospace; @@ -64,23 +64,29 @@ exports[`SyntaxHighlighter overview 1 snapshot 1`] = ` 
     
       
-        Okey Barrows
+        Jolie Beahan Sr
+      
+      
+        .
`; -exports[`SyntaxHighlighter overview 2 snapshot 1`] = ` +exports[`SyntaxHighlighter overview 3 snapshot 1`] = ` .emotion-0 { font-family: Menlo,monospace; @@ -104,23 +110,23 @@ exports[`SyntaxHighlighter overview 2 snapshot 1`] = ` 
     
       
-        Leopoldo Langworth
+        Cleo Lindgren
`; -exports[`SyntaxHighlighter overview 3 snapshot 1`] = ` +exports[`SyntaxHighlighter overview 4 snapshot 1`] = ` .emotion-0 { font-family: Menlo,monospace; @@ -144,23 +150,23 @@ exports[`SyntaxHighlighter overview 3 snapshot 1`] = ` 
     
       
-        Brent Turcotte
+        Tyler Blanda
`; -exports[`SyntaxHighlighter overview 4 snapshot 1`] = ` +exports[`SyntaxHighlighter overview 5 snapshot 1`] = ` .emotion-0 { font-family: Menlo,monospace; @@ -193,7 +199,7 @@ exports[`SyntaxHighlighter overview 4 snapshot 1`] = ` - Modesta Steuber + Krista Zulauf diff --git a/ui/components/src/Table/Table.data.ts b/ui/components/src/Table/Table.data.ts index 0787239a8..5018f3cc2 100644 --- a/ui/components/src/Table/Table.data.ts +++ b/ui/components/src/Table/Table.data.ts @@ -1,64 +1,675 @@ export default { pagination: { - '0': { - totalCountVisible: true, - totalCountTemplate: 'Howell Williamson', - pageIndex: 1, - pageSize: 6, - pageTemplate: 'Natasha Toy', - pageVisible: false, - pageSizeTemplate: 'Halle Ernser', - pageSizeVisible: false, - goToPageVisible: false, - goToPageTemplate: 'Marian Connelly', - }, '1': { + header: true, + sorting: true, + filtering: false, + itemsLabel: 'null', + rowSelect: true, + skipPageReset: false, + pagination: 'boolean', + slot: 'Ms. Alysha Daniel', + title: 'Cleo Lindgren', + key: 'null', + defaultChecked: true, + suppressContentEditableWarning: false, + suppressHydrationWarning: true, + accessKey: 'Ms. Ronny Mitchell', + className: 'Jayce Schaden', + contentEditable: 'Booleanish', + contextMenu: 'Scot Kuhic', + dir: 'Dr. Gustave Little', + hidden: true, + id: 'Jimmie Huel DVM', + lang: 'Estella Wehner', + placeholder: 'Columbus Ziemann', + tabIndex: 0, + radioGroup: 'Emmanuelle Wilderman', + role: 'Mr. Laura Muller', + about: 'Maxine Armstrong', + datatype: 'Jairo Mraz', + prefix: 'Carolyne Wunsch', + property: 'Jefferey Haag', + resource: 'Sidney Haley', + typeof: 'Brenna Gleichner', + vocab: 'Herman Bechtelar', + autoCapitalize: 'Georgiana Ebert', + autoCorrect: 'Katelynn Rowe', + autoSave: 'Mr. Marielle Rogahn', + color: '#19211e', + itemProp: 'Elmo Dach', + itemScope: true, + itemType: 'Kathlyn Powlowski', + itemID: 'Justice Boyer', + itemRef: 'Grady Dibbert MD', + results: 0, + security: 'Grayce Flatley', + unselectable: 'off', + inputMode: 'email', + is: 'Guillermo Nikolaus', + 'aria-activedescendant': 'Carolyne Larkin', + 'aria-atomic': 'false', + 'aria-autocomplete': 'none', + 'aria-busy': 'false', + 'aria-checked': 'true', + 'aria-colcount': 0, + 'aria-colindex': 1, + 'aria-colspan': 0, + 'aria-controls': 'Clemmie Lowe V', + 'aria-current': 'date', + 'aria-describedby': 'Tevin Botsford', + 'aria-details': 'Macy Kassulke', + 'aria-disabled': 'boolean', + 'aria-errormessage': 'Mr. Vladimir Conn', + 'aria-expanded': 'boolean', + 'aria-flowto': 'Aniya Corwin', + 'aria-haspopup': 'listbox', + 'aria-hidden': 'true', + 'aria-invalid': 'grammar', + 'aria-keyshortcuts': 'Abigale Gusikowski', + 'aria-label': 'Adella Nienow', + 'aria-labelledby': 'Ivah Lang MD', + 'aria-level': 1, + 'aria-live': 'off', + 'aria-modal': 'true', + 'aria-multiline': 'true', + 'aria-multiselectable': 'true', + 'aria-orientation': 'horizontal', + 'aria-owns': 'Tristian Smith', + 'aria-placeholder': 'Frederick Pfeffer', + 'aria-posinset': 0, + 'aria-pressed': 'boolean', + 'aria-readonly': 'false', + 'aria-relevant': 'text additions', + 'aria-required': 'false', + 'aria-roledescription': 'Miss Dudley Spinka', + 'aria-rowcount': 1, + 'aria-rowindex': 0, + 'aria-rowspan': 0, + 'aria-selected': 'false', + 'aria-setsize': 1, + 'aria-valuemax': 1, + 'aria-valuemin': 1, + 'aria-valuenow': 1, + 'aria-valuetext': 'Oswaldo Walsh', + variant: 'Roxane Cormier MD', + m: 'number', + margin: 'number', + mt: 'ResponsiveValue>>', + marginRight: 'symbol, Required>>', + mb: 'ResponsiveValue>>', + ml: 'number', + marginLeft: 'symbol, Required>>', + mx: 'number', + marginX: 'ResponsiveValue>>', + padding: 'number', + pt: 'number', + paddingTop: 'ResponsiveValue>>', + paddingRight: 'ResponsiveValue>>', + pl: 'symbol, Required>>', + paddingLeft: 'symbol, Required>>', + px: 'symbol, Required>>', + paddingX: 'symbol, Required>>', + py: 'symbol, Required>>', + paddingY: 'number', + bg: 'ResponsiveValue>>', + marginTop: 'symbol, Required>>', + mr: 'ResponsiveValue>>', + mb: 'symbol, Required>>', + marginBottom: 'ResponsiveValue>>', + marginLeft: 'ResponsiveValue>>', + my: 'ResponsiveValue>>', + padding: 'ResponsiveValue>>', + paddingRight: 'ResponsiveValue>>', + paddingBottom: 'ResponsiveValue>>', + bg: 'ResponsiveValue>>', totalCountVisible: false, - totalCountTemplate: 'Raymond Brown', + totalCountTemplate: 'Donnell Purdy', pageIndex: 0, - pageSize: 7, - pageTemplate: 'Beth Jacobson', + pageSize: 5, + pageTemplate: 'Ms. Queen Goodwin', pageVisible: true, - pageSizeTemplate: 'Chet Yundt', + pageSizeTemplate: 'Owen Goldner', pageSizeVisible: true, goToPageVisible: false, - goToPageTemplate: 'Dr. Bruce Howell', + goToPageTemplate: 'Junior Eichmann', }, '3': { - totalCountVisible: false, - totalCountTemplate: 'Rigoberto Rempel', + header: true, + sorting: true, + filtering: false, + itemsLabel: 'null', + rowSelect: false, + skipPageReset: true, + pagination: 'boolean', + slot: 'Howell Bosco DDS', + title: 'Adriana Littel', + key: 'null', + defaultChecked: true, + suppressContentEditableWarning: false, + suppressHydrationWarning: false, + accessKey: 'Elissa Thiel', + className: 'Mozell Fahey III', + contentEditable: 'Booleanish', + contextMenu: 'Gust Raynor', + dir: 'Clinton Mills', + hidden: true, + id: 'German Pfeffer', + lang: 'Kay Senger', + placeholder: "Kara O'Connell", + tabIndex: 1, + translate: 'yes', + radioGroup: 'Ms. Ezra Rolfson', + role: 'Sanford Rolfson', + about: 'Otis Skiles', + datatype: 'Patrick Friesen', + prefix: 'Minnie Boehm', + property: 'Geovanny Thompson', + resource: 'Jules Conroy', + typeof: 'Samara Prohaska', + vocab: 'Brycen Bins', + autoCapitalize: 'Rico Dach', + autoCorrect: 'Ofelia Shields', + autoSave: 'Nona Hagenes', + color: '#710f63', + itemProp: 'Daisy Mertz', + itemScope: true, + itemType: 'Mr. Tessie Senger', + itemID: 'Obie Boehm', + itemRef: 'Pablo Parker V', + results: 0, + security: 'Theresia Brown', + inputMode: 'url', + is: 'Mr. Arturo Aufderhar', + 'aria-activedescendant': 'Ted Feil', + 'aria-atomic': 'boolean', + 'aria-autocomplete': 'list', + 'aria-busy': 'false', + 'aria-checked': 'mixed', + 'aria-colcount': 0, + 'aria-colindex': 0, + 'aria-colspan': 1, + 'aria-controls': 'Sasha Greenfelder', + 'aria-current': 'time', + 'aria-describedby': 'Hoyt Hartmann', + 'aria-details': 'Prince Barton III', + 'aria-disabled': 'false', + 'aria-errormessage': 'Felicia Nicolas PhD', + 'aria-expanded': 'false', + 'aria-flowto': 'Morgan Morissette', + 'aria-haspopup': 'true', + 'aria-hidden': 'boolean', + 'aria-invalid': 'boolean', + 'aria-keyshortcuts': 'Marielle Weber IV', + 'aria-label': 'Dr. Iva Gislason', + 'aria-labelledby': 'Leonardo Ankunding', + 'aria-level': 1, + 'aria-live': 'off', + 'aria-modal': 'true', + 'aria-multiline': 'true', + 'aria-multiselectable': 'true', + 'aria-orientation': 'horizontal', + 'aria-owns': 'Jamar Raynor', + 'aria-placeholder': 'Joshuah Stanton', + 'aria-posinset': 1, + 'aria-pressed': 'mixed', + 'aria-readonly': 'true', + 'aria-relevant': 'text', + 'aria-required': 'boolean', + 'aria-roledescription': 'Yesenia Willms', + 'aria-rowcount': 1, + 'aria-rowindex': 0, + 'aria-rowspan': 1, + 'aria-selected': 'boolean', + 'aria-setsize': 0, + 'aria-sort': 'none', + 'aria-valuemax': 1, + 'aria-valuemin': 0, + 'aria-valuenow': 0, + 'aria-valuetext': 'Kaelyn Toy', + variant: 'Demond Bartell', + m: 'ResponsiveValue>>', + mt: 'symbol, Required>>', + marginTop: 'ResponsiveValue>>', + mb: 'number', + marginBottom: 'ResponsiveValue>>', + marginX: 'ResponsiveValue>>', + pt: 'symbol, Required>>', + paddingTop: 'symbol, Required>>', + pr: 'number', + paddingRight: 'symbol, Required>>', + pb: 'ResponsiveValue>>', + paddingLeft: 'ResponsiveValue>>', + mr: 'symbol, Required>>', + marginRight: 'number', + mb: 'ResponsiveValue>>', + marginY: 'symbol, Required>>', + p: 'ResponsiveValue>>', + pr: 'number', + paddingRight: 'ResponsiveValue>>', + paddingLeft: 'symbol, Required>>', + px: 'ResponsiveValue>>', + bg: 'symbol, Required>>', + backgroundColor: 'ResponsiveValue>>', + margin: 'ResponsiveValue>>', + marginTop: 'number', + mr: 'symbol, Required>>', + marginRight: 'number', + mb: 'number', + marginBottom: 'number', + ml: 'number', + marginLeft: 'symbol, Required>>', + mx: 'number', + marginX: 'symbol, Required>>', + my: 'number', + marginY: 'symbol, Required>>', + p: 'ResponsiveValue>>', + paddingRight: 'ResponsiveValue>>', + pl: 'number', + paddingLeft: 'number', + px: 'symbol, Required>>', + paddingX: 'number', + py: 'number', + paddingY: 'symbol, Required>>', + bg: 'ResponsiveValue>>', + totalCountVisible: false, + totalCountTemplate: 'Gerald Donnelly V', + pageIndex: 0, + pageSize: 7, + pageTemplate: 'Mr. Hester Abbott', + pageVisible: false, + pageSizeTemplate: 'Daryl Gottlieb', + pageSizeVisible: false, goToPageVisible: false, - goToPageTemplate: 'Bobbie Mante', + goToPageTemplate: 'Ebba McLaughlin', }, }, }; diff --git a/ui/components/src/Table/__snapshots__/Table.test.ts.snap b/ui/components/src/Table/__snapshots__/Table.test.ts.snap index 69225fddd..ad00f883f 100644 --- a/ui/components/src/Table/__snapshots__/Table.test.ts.snap +++ b/ui/components/src/Table/__snapshots__/Table.test.ts.snap @@ -1765,7 +1765,7 @@ exports[`Table overview snapshot 1`] = ` `; -exports[`Table pagination 0 snapshot 1`] = ` +exports[`Table pagination 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -2000,42 +2000,42 @@ exports[`Table pagination 0 snapshot 1`] = ` role="cell" style="width: 150px;" > - 24 + 22 - Dr. Rylee DuBuque + Urban Towne - Lewis.Vandervort7 + Kayleigh_Hauck - Kelly Landing + Bechtelar Extensions - Lake Gabe + Ruthshire - 98806 + 49065 - 22 + 21 - Nettie Runte + Hazle Hansen - Johnny.Marquardt30 + Hassie_Tillman73 - Larson Square + Reichel Street - Hannaton + West Audreymouth - 81636 + 53056-1765 + + + + + 21 + + + Jamarcus Stroman + + + Orval13 + + + Hobart Park + + + West Rahul + + + 60010 + + + + + 24 + + + Ms. Melany Senger + + + Henderson.Kihn + + + Lia Village + + + DuBuqueview + + + 93383 - Isabell Feil Jr. + Granville Mann - Rafaela.Gusikowski4 + Christine.Bahringer10 - Kaya Mountain + Hilpert Landing - Kemmerbury + North Autumnside - 01459 + 87215-3190 - Jillian Hoeger + Delia Feeney - Annamae.Maggio23 + Greyson13 - Darlene Course + Purdy Fords - Earlenebury + Zoilaside - 70931 + 96503 + + + + + 25 + + + Mr. Johanna Turcotte + + + Dameon76 + + + Mante Junctions + + + North Roxane + + + 17884-9473 - Melyssa Herman + Renee Erdman - Verona_Wiza + Ben.Hammes - Zulauf Circle + Treutel Inlet - Corkeryland + Port Maiabury - 52057-0050 + 21650 - 22 + 24 - Urban Towne + Graham Brown - Kayleigh_Hauck + Eloise.Schumm35 - Bechtelar Extensions + Alia Port - Ruthshire + Port Brandt - 49065 + 80217-7245 @@ -2405,9 +2546,7 @@ exports[`Table pagination 0 snapshot 1`] = ` >
- Howell Williamson -
+ />
@@ -2437,6 +2576,7 @@ exports[`Table pagination 0 snapshot 1`] = ` > @@ -2446,6 +2586,7 @@ exports[`Table pagination 0 snapshot 1`] = ` > @@ -2456,7 +2597,7 @@ exports[`Table pagination 0 snapshot 1`] = ` `; -exports[`Table pagination 1 snapshot 1`] = ` +exports[`Table pagination 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -2917,147 +3058,6 @@ exports[`Table pagination 1 snapshot 1`] = ` 27558-3367 - - - 23 - - - Jacques Bernhard - - - Nichole_Kozey4 - - - Ramona Station - - - Gunnerland - - - 64856 - - - - - 24 - - - Dr. Rylee DuBuque - - - Lewis.Vandervort7 - - - Kelly Landing - - - Lake Gabe - - - 98806 - - - - - 22 - - - Nettie Runte - - - Johnny.Marquardt30 - - - Larson Square - - - Hannaton - - - 81636 - - .emotion-0 { @@ -3189,27 +3189,30 @@ exports[`Table pagination 1 snapshot 1`] = ` box-sizing: border-box; margin: 0; min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; padding-left: 8px; padding-right: 8px; } -.emotion-12 input { - margin-left: 4px; - width: 100px; +.emotion-13 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; + width: 140px; } -.emotion-13 { +.emotion-14 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.emotion-15 { box-sizing: border-box; margin: 0; min-width: 0; @@ -3226,7 +3229,17 @@ exports[`Table pagination 1 snapshot 1`] = ` border-radius: 4px; color: inherit; background-color: transparent; - padding: 4px; +} + +.emotion-16 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin-left: -28px; + -webkit-align-self: center; + -ms-flex-item-align: center; + align-self: center; + pointer-events: none; }
- Glennie Casper - + Ms. Queen Goodwin +
+
+
+ + + + +
`; -exports[`Table pagination 2 snapshot 1`] = ` +exports[`Table pagination 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -3851,360 +3908,471 @@ exports[`Table pagination 2 snapshot 1`] = ` 98806 - - - .emotion-0 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - background-color: #ffffff; - padding-top: 8px; - padding-bottom: 8px; -} - -.emotion-1 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 16px; - padding-right: 16px; -} - -.emotion-2 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -} - -.emotion-3 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding-left: 8px; - padding-right: 8px; -} - -.emotion-3 button { - width: 50px; - margin-left: 2px; - margin-right: 2px; -} - -.emotion-4 { - box-sizing: border-box; - margin: 0; - min-width: 0; - width: 50px; - margin-left: 2px; - margin-right: 2px; -} - -.emotion-5 { - box-sizing: border-box; - margin: 0; - min-width: 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - display: inline-block; - text-align: center; - line-height: inherit; - -webkit-text-decoration: none; - text-decoration: none; - font-size: inherit; - padding-left: 16px; - padding-right: 16px; - padding-top: 8px; - padding-bottom: 8px; - color: white; - background-color: #5c6ac4; - border: 0; - border-radius: 4px; - color: #333; - background-color: #f3f3f3; - border-radius: 5px; - box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; -} - -.emotion-5:disabled { - color: #aaa; -} - -.emotion-12 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; -} - -.emotion-13 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; - width: 140px; -} - -.emotion-14 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-15 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: block; - width: 100%; - padding: 8px; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - font-size: inherit; - line-height: inherit; - border: 1px solid; - border-radius: 4px; - color: inherit; - background-color: transparent; -} - -.emotion-16 { - box-sizing: border-box; - margin: 0; - min-width: 0; - margin-left: -28px; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - pointer-events: none; -} - -
-
-
-
-
- -
-
+ - -
-
+ - -
-
+ - -
-
-
+ + Hannaton + + + 81636 + + + - Beth Jacobson -
-
+ 25 + + + Isabell Feil Jr. + + + Rafaela.Gusikowski4 + + + Kaya Mountain + + + Kemmerbury + + + 01459 + + + -
- - - - -
-
-
-
- -`; - -exports[`Table pagination 3 snapshot 1`] = ` - + 24 + + + Jillian Hoeger + + + Annamae.Maggio23 + + + Darlene Course + + + Earlenebury + + + 70931 + + + + + 23 + + + Melyssa Herman + + + Verona_Wiza + + + Zulauf Circle + + + Corkeryland + + + 52057-0050 + + + + + 22 + + + Urban Towne + + + Kayleigh_Hauck + + + Bechtelar Extensions + + + Ruthshire + + + 49065 + + + + + 21 + + + Hazle Hansen + + + Hassie_Tillman73 + + + Reichel Street + + + West Audreymouth + + + 53056-1765 + + + + + 21 + + + Jamarcus Stroman + + + Orval13 + + + Hobart Park + + + West Rahul + + + 60010 + + + + .emotion-0 { box-sizing: border-box; margin: 0; min-width: 0; - margin: 0; - border-collapse: collapse; - font-size: 14px; - line-height: 20px; - text-align: left; - width: 100%; - border-spacing: 0; -} - -.emotion-0 p { - margin: 0; -} - -.emotion-0 pre { - white-space: pre-wrap; - word-wrap: break-word; - max-width: 240px; - background-color: inherit; - margin-top: 8px; - margin-bottom: 0; -} - -.emotion-0 a { - word-break: break-word; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: #ffffff; + padding-top: 8px; + padding-bottom: 8px; } .emotion-1 { box-sizing: border-box; margin: 0; min-width: 0; - border-bottom: 2px solid rgba(0, 0, 0, 0.1); - background-color: #ffffff; - color: #454f5b; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 16px; + padding-right: 16px; } .emotion-2 { box-sizing: border-box; margin: 0; min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .emotion-3 { box-sizing: border-box; margin: 0; min-width: 0; - border: none; - padding-top: 16px; - padding-bottom: 16px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 8px; padding-right: 8px; - padding-left: 16px; +} + +.emotion-3 button { + width: 50px; + margin-left: 2px; + margin-right: 2px; } .emotion-4 { + box-sizing: border-box; + margin: 0; + min-width: 0; + width: 50px; + margin-left: 2px; + margin-right: 2px; +} + +.emotion-5 { + box-sizing: border-box; + margin: 0; + min-width: 0; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + display: inline-block; + text-align: center; + line-height: inherit; + -webkit-text-decoration: none; + text-decoration: none; + font-size: inherit; + padding-left: 16px; + padding-right: 16px; + padding-top: 8px; + padding-bottom: 8px; + color: white; + background-color: #5c6ac4; + border: 0; + border-radius: 4px; + color: #333; + background-color: #f3f3f3; + border-radius: 5px; + box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px inset; +} + +.emotion-5:disabled { + color: #aaa; +} + +.emotion-12 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} + +.emotion-13 { box-sizing: border-box; margin: 0; min-width: 0; @@ -4219,43 +4387,219 @@ exports[`Table pagination 3 snapshot 1`] = ` -webkit-box-align: center; -ms-flex-align: center; align-items: center; + padding-left: 8px; + padding-right: 8px; } -.emotion-5 { +.emotion-13 input { + margin-left: 4px; + width: 100px; +} + +.emotion-14 { box-sizing: border-box; margin: 0; min-width: 0; - margin-right: 4px; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: block; + width: 100%; + padding: 8px; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-size: inherit; + line-height: inherit; + border: 1px solid; + border-radius: 4px; + color: inherit; + background-color: transparent; + padding: 4px; } -.emotion-21 { +
+
+ Lamont Beer +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ Angeline Moen +
+
+ Jovan Littel + +
+
+
+ +`; + +exports[`Table pagination 4 snapshot 1`] = ` + + .emotion-0 { box-sizing: border-box; margin: 0; min-width: 0; + margin: 0; + border-collapse: collapse; + font-size: 14px; + line-height: 20px; + text-align: left; + width: 100%; + border-spacing: 0; } -.emotion-21 tr:last-of-type { - border-bottom: 0; +.emotion-0 p { + margin: 0; } -.emotion-22 { +.emotion-0 pre { + white-space: pre-wrap; + word-wrap: break-word; + max-width: 240px; + background-color: inherit; + margin-top: 8px; + margin-bottom: 0; +} + +.emotion-0 a { + word-break: break-word; +} + +.emotion-1 { box-sizing: border-box; margin: 0; min-width: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 2px solid rgba(0, 0, 0, 0.1); + background-color: #ffffff; + color: #454f5b; } -.emotion-23 { +.emotion-2 { box-sizing: border-box; margin: 0; min-width: 0; - padding-top: 8px; - padding-bottom: 8px; - padding-left: 16px; - padding-right: 16px; +} + +.emotion-3 { + box-sizing: border-box; + margin: 0; + min-width: 0; + border: none; + padding-top: 16px; + padding-bottom: 16px; + padding-right: 8px; + padding-left: 16px; +} + +.emotion-4 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.emotion-5 { + box-sizing: border-box; + margin: 0; + min-width: 0; + margin-right: 4px; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; +} + +.emotion-21 { + box-sizing: border-box; + margin: 0; + min-width: 0; +} + +.emotion-21 tr:last-of-type { + border-bottom: 0; +} + +.emotion-22 { + box-sizing: border-box; + margin: 0; + min-width: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1); +} + +.emotion-23 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 16px; + padding-right: 16px; border-bottom: 0; } @@ -4267,111 +4611,440 @@ exports[`Table pagination 3 snapshot 1`] = ` class="emotion-1" > + +
+
+ Age +
+
+ + +
+
+ Name +
+
+ + +
+
+ User Name +
+
+ + +
+
+ Street +
+
+ + +
+
+ City +
+
+ + +
+
+ Zip Code +
+
+ + + + + + + 22 + + + Edison Keebler + + + Danielle_Pollich + + + Jayde Rapids + + + Montanaborough + + + 20635 + + + + + 24 + + + London Runolfsson + + + Audreanne.Sanford + + + Towne Cliff + + + Langoshport + + + 65133 + + + + + 25 + + + Sebastian Gleason + + + Johnathan.Klocko58 + + + Haley Drives + + + South Kiannaberg + + + 58169 + + + + + 25 + + + Gladys Baumbach + + + Darien.Gutmann + + + Anastasia Points + + + West Graycemouth + + + 33850 + + + + + 22 + + + Ms. Jaunita Lubowitz + + + Kody.McClure + + + Lindgren Inlet + + + Grimesshire + + + 27558-3367 + + + + + 23 + + + Jacques Bernhard + + + Nichole_Kozey4 + + + Ramona Station + + + Gunnerland + + + 64856 + + + - -
-
- Age -
-
- - + -
-
- Name -
-
- - + -
-
- User Name -
-
- - + -
-
- Street -
-
- - + -
-
- City -
-
- - + -
-
- Zip Code -
-
- + 98806 + - - - Edison Keebler + Nettie Runte - Danielle_Pollich + Johnny.Marquardt30 - Jayde Rapids + Larson Square - Montanaborough + Hannaton - 20635 + 81636 - 24 + 25 - London Runolfsson + Isabell Feil Jr. - Audreanne.Sanford + Rafaela.Gusikowski4 - Towne Cliff + Kaya Mountain - Langoshport + Kemmerbury - 65133 + 01459 - 25 + 24 - Sebastian Gleason + Jillian Hoeger - Johnathan.Klocko58 + Annamae.Maggio23 - Haley Drives + Darlene Course - South Kiannaberg + Earlenebury - 58169 + 70931 - 25 + 23 - Gladys Baumbach + Melyssa Herman - Darien.Gutmann + Verona_Wiza - Anastasia Points + Zulauf Circle - West Graycemouth + Corkeryland - 33850 + 52057-0050 - Ms. Jaunita Lubowitz + Urban Towne - Kody.McClure + Kayleigh_Hauck - Lindgren Inlet + Bechtelar Extensions - Grimesshire + Ruthshire - 27558-3367 + 49065 - 23 + 21 - Jacques Bernhard + Hazle Hansen - Nichole_Kozey4 + Hassie_Tillman73 - Ramona Station + Reichel Street - Gunnerland + West Audreymouth - 64856 + 53056-1765 - 24 + 21 - Dr. Rylee DuBuque + Jamarcus Stroman - Lewis.Vandervort7 + Orval13 - Kelly Landing + Hobart Park - Lake Gabe + West Rahul - 98806 + 60010 @@ -4828,6 +5501,58 @@ exports[`Table pagination 3 snapshot 1`] = ` color: #aaa; } +.emotion-12 { + box-sizing: border-box; + margin: 0; + min-width: 0; + padding-left: 8px; + padding-right: 8px; +} + +.emotion-13 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 8px; + padding-right: 8px; +} + +.emotion-13 input { + margin-left: 4px; + width: 100px; +} + +.emotion-14 { + box-sizing: border-box; + margin: 0; + min-width: 0; + display: block; + width: 100%; + padding: 8px; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + appearance: none; + font-size: inherit; + line-height: inherit; + border: 1px solid; + border-radius: 4px; + color: inherit; + background-color: transparent; + padding: 4px; +} +
@@ -4879,12 +5604,28 @@ exports[`Table pagination 3 snapshot 1`] = `
+
+ Johnathon Koch +
+
+ Ebba Marks + +
`; -exports[`Table pagination 4 snapshot 1`] = ` +exports[`Table pagination 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -5047,257 +5788,69 @@ exports[`Table pagination 4 snapshot 1`] = ` style="width: 20%;" >
-
- User Name -
-
- - -
-
- Street -
-
- - -
-
- City -
-
- - -
-
- Zip Code -
-
- - - - - - - 22 - - - Edison Keebler - - - Danielle_Pollich - - - Jayde Rapids - - - Montanaborough - - - 20635 - - - - - 24 - - - London Runolfsson - - - Audreanne.Sanford - - - Towne Cliff - - - Langoshport - - - 65133 - - - - - 25 - - - Sebastian Gleason - - - Johnathan.Klocko58 - - - Haley Drives - - - South Kiannaberg - - - 58169 - - - - - 25 - - - Gladys Baumbach - - - Darien.Gutmann - - +
+ User Name +
+
+ + - Anastasia Points - - +
+ Street +
+
+ + - West Graycemouth - - +
+ City +
+
+ + - 33850 - +
+
+ Zip Code +
+
+ + + - Ms. Jaunita Lubowitz + Edison Keebler - Kody.McClure + Danielle_Pollich - Lindgren Inlet + Jayde Rapids - Grimesshire + Montanaborough - 27558-3367 + 20635 - 23 + 24 - Jacques Bernhard + London Runolfsson - Nichole_Kozey4 + Audreanne.Sanford - Ramona Station + Towne Cliff - Gunnerland + Langoshport - 64856 + 65133 - 24 + 25 - Dr. Rylee DuBuque + Sebastian Gleason - Lewis.Vandervort7 + Johnathan.Klocko58 - Kelly Landing + Haley Drives - Lake Gabe + South Kiannaberg - 98806 + 58169 - 22 + 25 - Nettie Runte + Gladys Baumbach - Johnny.Marquardt30 + Darien.Gutmann - Larson Square + Anastasia Points - Hannaton + West Graycemouth - 81636 + 33850 - 25 + 22 - Isabell Feil Jr. + Ms. Jaunita Lubowitz - Rafaela.Gusikowski4 + Kody.McClure - Kaya Mountain + Lindgren Inlet - Kemmerbury + Grimesshire - 01459 + 27558-3367 - 24 + 23 - Jillian Hoeger + Jacques Bernhard - Annamae.Maggio23 + Nichole_Kozey4 - Darlene Course + Ramona Station - Earlenebury + Gunnerland - 70931 + 64856 - 23 + 24 - Melyssa Herman + Dr. Rylee DuBuque - Verona_Wiza + Lewis.Vandervort7 - Zulauf Circle + Kelly Landing - Corkeryland + Lake Gabe - 52057-0050 + 98806 @@ -5754,63 +6307,6 @@ exports[`Table pagination 4 snapshot 1`] = ` color: #aaa; } -.emotion-12 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; -} - -.emotion-13 { - box-sizing: border-box; - margin: 0; - min-width: 0; - padding-left: 8px; - padding-right: 8px; - width: 140px; -} - -.emotion-14 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.emotion-15 { - box-sizing: border-box; - margin: 0; - min-width: 0; - display: block; - width: 100%; - padding: 8px; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - font-size: inherit; - line-height: inherit; - border: 1px solid; - border-radius: 4px; - color: inherit; - background-color: transparent; -} - -.emotion-16 { - box-sizing: border-box; - margin: 0; - min-width: 0; - margin-left: -28px; - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - pointer-events: none; -} -
@@ -5862,61 +6358,6 @@ exports[`Table pagination 4 snapshot 1`] = `
-
- Dr. Ryley Hills -
-
-
- - - - -
-
diff --git a/ui/components/src/Tag/Tag.data.ts b/ui/components/src/Tag/Tag.data.ts index 8927871d8..64dfad612 100644 --- a/ui/components/src/Tag/Tag.data.ts +++ b/ui/components/src/Tag/Tag.data.ts @@ -1,19 +1,19 @@ export default { overview: { - '0': { - color: '#464a48', - }, '1': { - color: '#7e262d', + color: '#4f4215', }, '2': { - color: '#796d26', + color: '#41531c', }, '3': { - color: '#4a4529', + color: '#150d41', }, '4': { - color: '#5e6756', + color: '#061638', + }, + '5': { + color: '#5e2519', }, }, }; diff --git a/ui/components/src/Tag/__snapshots__/Tag.test.ts.snap b/ui/components/src/Tag/__snapshots__/Tag.test.ts.snap index 92a14e58b..b8f5cb38f 100644 --- a/ui/components/src/Tag/__snapshots__/Tag.test.ts.snap +++ b/ui/components/src/Tag/__snapshots__/Tag.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Tag overview 0 snapshot 1`] = ` +exports[`Tag overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -11,8 +11,8 @@ exports[`Tag overview 0 snapshot 1`] = ` padding-right: 4px; border-radius: 5px; white-space: nowrap; - background-color: rgba(70,74,72,0.15); - border: 2px solid #464a48; + background-color: rgba(79,66,21,0.15); + border: 2px solid #4f4215; } .emotion-1 { @@ -33,7 +33,7 @@ exports[`Tag overview 0 snapshot 1`] = ` `; -exports[`Tag overview 1 snapshot 1`] = ` +exports[`Tag overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -44,8 +44,8 @@ exports[`Tag overview 1 snapshot 1`] = ` padding-right: 4px; border-radius: 5px; white-space: nowrap; - background-color: rgba(126,38,45,0.15); - border: 2px solid #7e262d; + background-color: rgba(65,83,28,0.15); + border: 2px solid #41531c; } .emotion-1 { @@ -66,7 +66,7 @@ exports[`Tag overview 1 snapshot 1`] = ` `; -exports[`Tag overview 2 snapshot 1`] = ` +exports[`Tag overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -77,8 +77,8 @@ exports[`Tag overview 2 snapshot 1`] = ` padding-right: 4px; border-radius: 5px; white-space: nowrap; - background-color: rgba(121,109,38,0.15); - border: 2px solid #796d26; + background-color: rgba(21,13,65,0.15); + border: 2px solid #150d41; } .emotion-1 { @@ -99,7 +99,7 @@ exports[`Tag overview 2 snapshot 1`] = ` `; -exports[`Tag overview 3 snapshot 1`] = ` +exports[`Tag overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -110,8 +110,8 @@ exports[`Tag overview 3 snapshot 1`] = ` padding-right: 4px; border-radius: 5px; white-space: nowrap; - background-color: rgba(74,69,41,0.15); - border: 2px solid #4a4529; + background-color: rgba(6,22,56,0.15); + border: 2px solid #061638; } .emotion-1 { @@ -132,7 +132,7 @@ exports[`Tag overview 3 snapshot 1`] = ` `; -exports[`Tag overview 4 snapshot 1`] = ` +exports[`Tag overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -143,8 +143,8 @@ exports[`Tag overview 4 snapshot 1`] = ` padding-right: 4px; border-radius: 5px; white-space: nowrap; - background-color: rgba(94,103,86,0.15); - border: 2px solid #5e6756; + background-color: rgba(94,37,25,0.15); + border: 2px solid #5e2519; } .emotion-1 { diff --git a/ui/components/src/TitledImage/TitledImage.data.ts b/ui/components/src/TitledImage/TitledImage.data.ts index d938ca087..4fbed7c8e 100644 --- a/ui/components/src/TitledImage/TitledImage.data.ts +++ b/ui/components/src/TitledImage/TitledImage.data.ts @@ -1,19 +1,19 @@ export default { overview: { - '0': { - title: 'Joana VonRueden', - }, '1': { - title: 'Leo Lakin', + title: 'Cecelia Langosh', }, '2': { - title: 'Destin Turcotte', + title: 'Cassidy Brekke', }, '3': { - title: 'Daniela Monahan', + title: 'Chance Kessler', }, '4': { - title: 'Jaunita Quitzon', + title: 'Cleo Lindgren', + }, + '5': { + title: 'Adeline Welch', }, }, }; diff --git a/ui/components/src/TitledImage/__snapshots__/TitledImage.test.ts.snap b/ui/components/src/TitledImage/__snapshots__/TitledImage.test.ts.snap index 66fca8fb5..6e60ac0e8 100644 --- a/ui/components/src/TitledImage/__snapshots__/TitledImage.test.ts.snap +++ b/ui/components/src/TitledImage/__snapshots__/TitledImage.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`TitledImage overview 0 snapshot 1`] = ` +exports[`TitledImage overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -44,18 +44,18 @@ exports[`TitledImage overview 0 snapshot 1`] = ` alt="alt text" class="emotion-1" src="https://github.com/ccontrols/component-controls/raw/master/misc/storybook-custom-docs/images/simple-page.jpg" - title="Joana VonRueden" + title="Cecelia Langosh" /> - Joana VonRueden + Cecelia Langosh `; -exports[`TitledImage overview 1 snapshot 1`] = ` +exports[`TitledImage overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -99,18 +99,18 @@ exports[`TitledImage overview 1 snapshot 1`] = ` alt="alt text" class="emotion-1" src="https://github.com/ccontrols/component-controls/raw/master/misc/storybook-custom-docs/images/simple-page.jpg" - title="Leo Lakin" + title="Cassidy Brekke" /> - Leo Lakin + Cassidy Brekke `; -exports[`TitledImage overview 2 snapshot 1`] = ` +exports[`TitledImage overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -154,18 +154,18 @@ exports[`TitledImage overview 2 snapshot 1`] = ` alt="alt text" class="emotion-1" src="https://github.com/ccontrols/component-controls/raw/master/misc/storybook-custom-docs/images/simple-page.jpg" - title="Destin Turcotte" + title="Chance Kessler" /> - Destin Turcotte + Chance Kessler `; -exports[`TitledImage overview 3 snapshot 1`] = ` +exports[`TitledImage overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -209,18 +209,18 @@ exports[`TitledImage overview 3 snapshot 1`] = ` alt="alt text" class="emotion-1" src="https://github.com/ccontrols/component-controls/raw/master/misc/storybook-custom-docs/images/simple-page.jpg" - title="Daniela Monahan" + title="Cleo Lindgren" /> - Daniela Monahan + Cleo Lindgren `; -exports[`TitledImage overview 4 snapshot 1`] = ` +exports[`TitledImage overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -264,12 +264,12 @@ exports[`TitledImage overview 4 snapshot 1`] = ` alt="alt text" class="emotion-1" src="https://github.com/ccontrols/component-controls/raw/master/misc/storybook-custom-docs/images/simple-page.jpg" - title="Jaunita Quitzon" + title="Adeline Welch" /> - Jaunita Quitzon + Adeline Welch diff --git a/ui/components/src/Value/Value.data.ts b/ui/components/src/Value/Value.data.ts index 2b6dea398..4dba566f6 100644 --- a/ui/components/src/Value/Value.data.ts +++ b/ui/components/src/Value/Value.data.ts @@ -1,24 +1,24 @@ export default { overview: { - '0': { - label: 'Darrel Labadie', - value: 'Seamus McGlynn', - }, '1': { - label: 'Pietro Kassulke', - value: 'Miss Ines Kemmer', + label: 'Cecelia Langosh', + value: 'Cassidy Brekke', }, '2': { - label: 'Billy Kuvalis PhD', - value: 'Marvin Krajcik', + label: 'Chance Kessler', + value: 'Cleo Lindgren', }, '3': { - label: 'Eino Anderson', - value: 'Carter Swift', + label: 'Adeline Welch', + value: 'Ms. Ronny Mitchell', }, '4': { - label: 'Cali Hilpert', - value: 'Mrs. Ulises Batz', + label: 'Jayce Schaden', + value: 'Ms. Ayla Swift', + }, + '5': { + label: 'Dr. Gustave Little', + value: 'Amara Kuvalis', }, }, }; diff --git a/ui/components/src/Value/__snapshots__/Value.test.ts.snap b/ui/components/src/Value/__snapshots__/Value.test.ts.snap index 80bedbd0d..f0541ef3e 100644 --- a/ui/components/src/Value/__snapshots__/Value.test.ts.snap +++ b/ui/components/src/Value/__snapshots__/Value.test.ts.snap @@ -1,6 +1,6 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`Value overview 0 snapshot 1`] = ` +exports[`Value overview 1 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -43,18 +43,18 @@ exports[`Value overview 0 snapshot 1`] = ` - Darrel Labadie + Cecelia Langosh - Seamus McGlynn + Cassidy Brekke `; -exports[`Value overview 1 snapshot 1`] = ` +exports[`Value overview 2 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -97,18 +97,18 @@ exports[`Value overview 1 snapshot 1`] = ` - Pietro Kassulke + Chance Kessler - Miss Ines Kemmer + Cleo Lindgren `; -exports[`Value overview 2 snapshot 1`] = ` +exports[`Value overview 3 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -151,18 +151,18 @@ exports[`Value overview 2 snapshot 1`] = ` - Billy Kuvalis PhD + Adeline Welch - Marvin Krajcik + Ms. Ronny Mitchell `; -exports[`Value overview 3 snapshot 1`] = ` +exports[`Value overview 4 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -205,18 +205,18 @@ exports[`Value overview 3 snapshot 1`] = ` - Eino Anderson + Jayce Schaden - Carter Swift + Ms. Ayla Swift `; -exports[`Value overview 4 snapshot 1`] = ` +exports[`Value overview 5 snapshot 1`] = ` .emotion-0 { box-sizing: border-box; @@ -259,12 +259,12 @@ exports[`Value overview 4 snapshot 1`] = ` - Cali Hilpert + Dr. Gustave Little - Mrs. Ulises Batz + Amara Kuvalis