mirror of
https://github.com/mattermost/mattermost-mobile.git
synced 2026-11-05 10:28:54 +00:00
84ea188366
* Mattermost Blocks * Move block renderer to its own components folder * Sync translation layer * UX fixes * Refactor button to use the button component * Code review * Fix CI * Add animations to collapse blocks * Add unit tests * Add e2e tests and related fixes * Address coderabbit comments * Address UX comments * Address feedback * Address coderabbit comments * Fix snapshots * Sync with webapp translation * Add node limit to button markdown node * Address feedback * i18n-extract * Fix test * Move image utils to the utils folder * Remove unneeded style * Revert build script change --------- Co-authored-by: Mattermost Build <build@mattermost.com>
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import {containerGapStyle, isMmContainerSemanticAccent} from './styles';
|
|
|
|
describe('isMmContainerSemanticAccent', () => {
|
|
it('should identify semantic accent values', () => {
|
|
expect(isMmContainerSemanticAccent('primary')).toBe(true);
|
|
expect(isMmContainerSemanticAccent('good')).toBe(true);
|
|
expect(isMmContainerSemanticAccent('warning')).toBe(true);
|
|
expect(isMmContainerSemanticAccent('danger')).toBe(true);
|
|
expect(isMmContainerSemanticAccent('default')).toBe(true);
|
|
});
|
|
|
|
it('should reject custom color strings', () => {
|
|
expect(isMmContainerSemanticAccent('#2d81ff')).toBe(false);
|
|
expect(isMmContainerSemanticAccent('rgba(0,0,0,0.5)')).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('containerGapStyle', () => {
|
|
it('should map gap tokens to pixel values', () => {
|
|
expect(containerGapStyle('small')).toEqual({gap: 8});
|
|
expect(containerGapStyle('medium')).toEqual({gap: 12});
|
|
expect(containerGapStyle('large')).toEqual({gap: 16});
|
|
expect(containerGapStyle('xlarge')).toEqual({gap: 20});
|
|
});
|
|
|
|
it('should return zero gap for none', () => {
|
|
expect(containerGapStyle('none')).toEqual({gap: 0});
|
|
});
|
|
|
|
it('should default to medium when gap is omitted or invalid', () => {
|
|
expect(containerGapStyle(undefined)).toEqual({gap: 12});
|
|
expect(containerGapStyle('invalid' as MmContainerBlock['gap'])).toEqual({gap: 12});
|
|
});
|
|
});
|