Skip to content

Commit

Permalink
fix(camelizeStyleName): fix ms prefix should be lowercase (#60)
Browse files Browse the repository at this point in the history
  • Loading branch information
simonguo committed Nov 11, 2022
1 parent cace96d commit 86e421d
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 2 deletions.
8 changes: 6 additions & 2 deletions src/utils/camelizeStyleName.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
import { camelize } from './stringFormatter';

const msPattern = /^ms-/;
const msPattern = /^-ms-/;

export default (name: string) => camelize(name.replace(msPattern, 'ms-'));
export default function camelizeStyleName(name: string) {
// The `-ms` prefix is converted to lowercase `ms`.
// http://www.andismith.com/blog/2012/02/modernizr-prefixed/
return camelize(name.replace(msPattern, 'ms-'));
}
14 changes: 14 additions & 0 deletions test/utilsSpec.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import camelizeStyleName from '../src/utils/camelizeStyleName';

describe('Utils', () => {
describe('camelizeStyleName', () => {
// https://www.andismith.com/blogs/2012/02/modernizr-prefixed/
it('Should return the correct Modernizr prefix', () => {
expect(camelizeStyleName('-ms-transform')).to.equal('msTransform');
expect(camelizeStyleName('-moz-transform')).to.equal('MozTransform');
expect(camelizeStyleName('-o-transform')).to.equal('OTransform');
expect(camelizeStyleName('-webkit-transform')).to.equal('WebkitTransform');
expect(camelizeStyleName('transform')).to.equal('transform');
});
});
});

1 comment on commit 86e421d

@vercel
Copy link

@vercel vercel bot commented on 86e421d Nov 11, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

dom-lib – ./

dom-lib-rsuite.vercel.app
dom-lib.vercel.app
dom-lib-git-master-rsuite.vercel.app

Please sign in to comment.