Skip to content

AG-10110 Add bullet chart to gallery #3799

AG-10110 Add bullet chart to gallery

AG-10110 Add bullet chart to gallery #3799

GitHub Actions / Tests Results succeeded Dec 21, 2023 in 1s

Tests Results ✅

Tests passed successfully

✅ reports/ag-charts-website.xml

219 tests were completed in 81ms with 219 passed, 0 failed and 0 skipped.

Test suite Passed Failed Skipped Time
src/components/snippet/snippetTransformer.test.ts 128✅ 81ms
src/utils/addNonBreakingSpaceBetweenLastWords.test.ts 3✅ 6ms
src/utils/framework.test.ts 27✅ 11ms
src/utils/isPathMatch.test.ts 13✅ 6ms
src/utils/mimeType.test.ts 24✅ 10ms
src/utils/pathJoin.test.ts 12✅ 19ms
src/utils/toTitle.test.ts 6✅ 8ms
src/utils/urlWithPrefix.test.ts 6✅ 6ms

✅ src/components/snippet/snippetTransformer.test.ts

src/components/snippet/snippetTransformer.test.ts
  ✅ Snippet Component > given simple column definitions > it should create 'react' snippets
  ✅ Snippet Component > given simple column definitions > it should create 'angular' snippets
  ✅ Snippet Component > given simple column definitions > it should create 'vue' snippets
  ✅ Snippet Component > given simple column definitions > it should create 'javascript' snippets
  ✅ Snippet Component > given simple column definitions > it should create 'react' snippets without framework context
  ✅ Snippet Component > given simple column definitions > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given simple column definitions > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given simple column definitions > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given simple column definitions > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given simple column definitions > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given simple column definitions > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given simple column definitions > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given simple column definitions > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given simple column definitions > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given simple column definitions > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given simple column definitions > it should create 'javascript' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'react' snippets
  ✅ Snippet Component > given column definitions with group columns > it should create 'angular' snippets
  ✅ Snippet Component > given column definitions with group columns > it should create 'vue' snippets
  ✅ Snippet Component > given column definitions with group columns > it should create 'javascript' snippets
  ✅ Snippet Component > given column definitions with group columns > it should create 'react' snippets without framework context
  ✅ Snippet Component > given column definitions with group columns > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given column definitions with group columns > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given column definitions with group columns > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given column definitions with group columns > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with group columns > it should create 'javascript' snippets without framework context and space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'react' snippets
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'angular' snippets
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'vue' snippets
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'javascript' snippets
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'react' snippets without framework context
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given col defs with arrow function properties > it should create 'javascript' snippets without framework context and space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'react' snippets
  ✅ Snippet Component > given a mix of grid options > it should create 'angular' snippets
  ✅ Snippet Component > given a mix of grid options > it should create 'vue' snippets
  ✅ Snippet Component > given a mix of grid options > it should create 'javascript' snippets
  ✅ Snippet Component > given a mix of grid options > it should create 'react' snippets without framework context
  ✅ Snippet Component > given a mix of grid options > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given a mix of grid options > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given a mix of grid options > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given a mix of grid options > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given a mix of grid options > it should create 'javascript' snippets without framework context and space between properties
  ✅ Snippet Component > given function declaration > it should create 'react' snippets
  ✅ Snippet Component > given function declaration > it should create 'angular' snippets
  ✅ Snippet Component > given function declaration > it should create 'vue' snippets
  ✅ Snippet Component > given function declaration > it should create 'javascript' snippets
  ✅ Snippet Component > given function declaration > it should create 'react' snippets without framework context
  ✅ Snippet Component > given function declaration > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given function declaration > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given function declaration > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given function declaration > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given function declaration > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given function declaration > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given function declaration > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given function declaration > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given function declaration > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given function declaration > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given function declaration > it should create 'javascript' snippets without framework context and space between properties
  ✅ Snippet Component > given api statements > it should create 'react' snippets
  ✅ Snippet Component > given api statements > it should create 'angular' snippets
  ✅ Snippet Component > given api statements > it should create 'vue' snippets
  ✅ Snippet Component > given api statements > it should create 'javascript' snippets
  ✅ Snippet Component > given api statements > it should create 'react' snippets without framework context
  ✅ Snippet Component > given api statements > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given api statements > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given api statements > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given api statements > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given api statements > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given api statements > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given api statements > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given api statements > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given api statements > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given api statements > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given api statements > it should create 'javascript' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'react' snippets
  ✅ Snippet Component > given column definitions with functions > it should create 'angular' snippets
  ✅ Snippet Component > given column definitions with functions > it should create 'vue' snippets
  ✅ Snippet Component > given column definitions with functions > it should create 'javascript' snippets
  ✅ Snippet Component > given column definitions with functions > it should create 'react' snippets without framework context
  ✅ Snippet Component > given column definitions with functions > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given column definitions with functions > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given column definitions with functions > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given column definitions with functions > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given column definitions with functions > it should create 'javascript' snippets without framework context and space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'react' snippets
  ✅ Snippet Component > given complex column definition with array property > it should create 'angular' snippets
  ✅ Snippet Component > given complex column definition with array property > it should create 'vue' snippets
  ✅ Snippet Component > given complex column definition with array property > it should create 'javascript' snippets
  ✅ Snippet Component > given complex column definition with array property > it should create 'react' snippets without framework context
  ✅ Snippet Component > given complex column definition with array property > it should create 'angular' snippets without framework context
  ✅ Snippet Component > given complex column definition with array property > it should create 'vue' snippets without framework context
  ✅ Snippet Component > given complex column definition with array property > it should create 'javascript' snippets without framework context
  ✅ Snippet Component > given complex column definition with array property > it should create 'react' snippets with space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'angular' snippets with space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'vue' snippets with space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'javascript' snippets with space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'react' snippets without framework context and space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'angular' snippets without framework context and space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'vue' snippets without framework context and space between properties
  ✅ Snippet Component > given complex column definition with array property > it should create 'javascript' snippets without framework context and space between properties

✅ src/utils/addNonBreakingSpaceBetweenLastWords.test.ts

src/utils/addNonBreakingSpaceBetweenLastWords.test.ts
  ✅ addNonBreakingSpaceBetweenLastWords > outputs some text here.
  ✅ addNonBreakingSpaceBetweenLastWords > outputs some space after .
  ✅ addNonBreakingSpaceBetweenLastWords > outputs no-break.

✅ src/utils/framework.test.ts

src/utils/framework.test.ts
  ✅ getFrameworkFromInternalFramework > undefined is undefined
  ✅ getFrameworkFromInternalFramework > 'other' is 'other'
  ✅ getFrameworkFromInternalFramework > 'vanilla' is 'javascript'
  ✅ getFrameworkFromInternalFramework > 'typescript' is 'javascript'
  ✅ getFrameworkFromInternalFramework > 'reactFunctional' is 'react'
  ✅ getFrameworkFromInternalFramework > 'reactFunctionalTs' is 'react'
  ✅ getFrameworkFromInternalFramework > 'angular' is 'angular'
  ✅ getFrameworkFromInternalFramework > 'vue' is 'vue'
  ✅ getFrameworkFromInternalFramework > 'vue3' is 'vue'
  ✅ isReactInternalFramework > {undefined} is false
  ✅ isReactInternalFramework > {'other'} is false
  ✅ isReactInternalFramework > {'vanilla'} is false
  ✅ isReactInternalFramework > {'typescript'} is false
  ✅ isReactInternalFramework > {'reactFunctional'} is true
  ✅ isReactInternalFramework > {'reactFunctionalTs'} is true
  ✅ isReactInternalFramework > {'angular'} is false
  ✅ isReactInternalFramework > {'vue'} is false
  ✅ isReactInternalFramework > {'vue3'} is false
  ✅ isVueInternalFramework > {undefined} is false
  ✅ isVueInternalFramework > {'other'} is false
  ✅ isVueInternalFramework > {'vanilla'} is false
  ✅ isVueInternalFramework > {'typescript'} is false
  ✅ isVueInternalFramework > {'reactFunctional'} is false
  ✅ isVueInternalFramework > {'reactFunctionalTs'} is false
  ✅ isVueInternalFramework > {'angular'} is false
  ✅ isVueInternalFramework > {'vue'} is true
  ✅ isVueInternalFramework > {'vue3'} is true

✅ src/utils/isPathMatch.test.ts

src/utils/isPathMatch.test.ts
  ✅ isPathMatch > returns false for [] > undefined using ''
  ✅ isPathMatch > returns true for [] > 'axes' using 'axes'
  ✅ isPathMatch > returns false for [] > 'notAxes' using 'axes'
  ✅ isPathMatch > returns false for [ 'axes' ] > 'something' using 'axes'
  ✅ isPathMatch > returns true for [ 'axes' ] > 'something' using 'axes.*'
  ✅ isPathMatch > returns true for [ 'axes', 'axesChild' ] > 'something' using 'axes.*'
  ✅ isPathMatch > returns true for [ Array(3) ] > 'something' using 'axes.*'
  ✅ isPathMatch > returns true for [ 'preAxes', 'axes' ] > 'something' using 'preAxes.axes.*'
  ✅ isPathMatch > returns false for [ 'preAxes', 'axes', 'something' ] > 'something' using 'axes.*'
  ✅ isPathMatch > returns true for [ 'overrides', 'anything', 'common' ] > 'more' using 'overrides.*.common.*'
  ✅ isPathMatch > returns true for [ Array(4) ] > 'more' using 'overrides.*.common.*'
  ✅ isPathMatch > returns false for [ Array(3) ] > 'anything' using 'overrides.*.common.*'
  ✅ isPathMatch > returns false for [ 'overrides', 'anything' ] > 'wrong' using 'overrides.*.axes'

✅ src/utils/mimeType.test.ts

src/utils/mimeType.test.ts
  ✅ fileNameToMimeType > styles.css outputs text/css
  ✅ fileNameToMimeType > script.js outputs text/javascript
  ✅ fileNameToMimeType > text.txt outputs text/plain
  ✅ fileNameToMimeType > content.json outputs application/json
  ✅ fileNameToMimeType > index.htm outputs text/html
  ✅ fileNameToMimeType > index.html outputs text/html
  ✅ fileNameToMimeType > image.png outputs image/png
  ✅ fileNameToMimeType > image.webp outputs image/webp
  ✅ fileNameToMimeType > image.jpeg outputs image/jpeg
  ✅ fileNameToMimeType > image.jpg outputs image/jpeg
  ✅ fileNameToMimeType > multi.word.script.js outputs text/javascript
  ✅ fileNameToMimeType > something.someWeirdFileExt outputs text/plain
  ✅ fileNameToMimeType > something outputs text/plain
  ✅ extensionMimeType > undefined outputs text/plain
  ✅ extensionMimeType > css outputs text/css
  ✅ extensionMimeType > js outputs text/javascript
  ✅ extensionMimeType > txt outputs text/plain
  ✅ extensionMimeType > json outputs application/json
  ✅ extensionMimeType > htm outputs text/html
  ✅ extensionMimeType > html outputs text/html
  ✅ extensionMimeType > png outputs image/png
  ✅ extensionMimeType > webp outputs image/webp
  ✅ extensionMimeType > jpeg outputs image/jpeg
  ✅ extensionMimeType > jpg outputs image/jpeg

✅ src/utils/pathJoin.test.ts

src/utils/pathJoin.test.ts
  ✅ pathJoin > undefined
  ✅ pathJoin > returns "''" for []
  ✅ pathJoin > returns "''" for [ undefined ]
  ✅ pathJoin > returns "'/'" for [ '/' ]
  ✅ pathJoin > returns "'/'" for [ '/', undefined ]
  ✅ pathJoin > returns "'/ag-charts'" for [ '/ag-charts' ]
  ✅ pathJoin > returns "'/ag-charts'" for [ '/', 'ag-charts' ]
  ✅ pathJoin > returns "'/ag-charts/page'" for [ '/', 'ag-charts', 'page' ]
  ✅ pathJoin > returns "'/ag-charts/page'" for [ '/', 'ag-charts', 'page/' ]
  ✅ pathJoin > returns "'/ag-charts/page'" for [ '/', 'ag-charts', '/', 'page/' ]
  ✅ pathJoin > returns "'https://ag-charts.com/charts/page'" for [ Array(4) ]
  ✅ pathJoin > returns "'http://localhost:4600/ag-charts'" for [ Array(2) ]

✅ src/utils/toTitle.test.ts

src/utils/toTitle.test.ts
  ✅ toTitle > returns "''" for undefined
  ✅ toTitle > returns "''" for ''
  ✅ toTitle > returns "'Title'" for 'title'
  ✅ toTitle > returns "'Title Kebab'" for 'title-kebab'
  ✅ toTitle > returns "'Title Kebab'" for 'title kebab'
  ✅ toTitle > returns "'Title Kebab'" for 'title- kebab'

✅ src/utils/urlWithPrefix.test.ts

src/utils/urlWithPrefix.test.ts
  ✅ urlWithPrefix > returns "'/ag-charts/javascript/docs'" for url './docs', framework 'javascript' siteBaseUrl /ag-charts
  ✅ urlWithPrefix > returns "'/ag-charts/react/docs'" for url './docs', framework 'react' siteBaseUrl /ag-charts
  ✅ urlWithPrefix > returns "'/ag-charts/react/docs/path'" for url './docs/path', framework 'react' siteBaseUrl /ag-charts
  ✅ urlWithPrefix > returns "'/ag-charts/gallery'" for url '/gallery', framework 'react' siteBaseUrl /ag-charts
  ✅ urlWithPrefix > returns "'https://youtube.com'" for url 'https://youtube.com', framework 'react' siteBaseUrl /ag-charts
  ✅ urlWithPrefix > warns for invalid links