Skip to content
Permalink
Browse files
fix(shared): fix parsing of multi-line inline style (#6777)
  • Loading branch information
sxzz committed Nov 8, 2022
1 parent 99b6697 commit 9768949ce0cbe91cffb708cf005807413d60c031
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 2 deletions.
@@ -1,4 +1,4 @@
import { normalizeClass } from '../src'
import { normalizeClass, parseStringStyle } from '../src'

describe('normalizeClass', () => {
test('handles string correctly', () => {
@@ -16,4 +16,31 @@ describe('normalizeClass', () => {
'foo baz'
)
})

// #6777
test('parse multi-line inline style', () => {
expect(
parseStringStyle(`border: 1px solid transparent;
background: linear-gradient(white, white) padding-box,
repeating-linear-gradient(
-45deg,
#ccc 0,
#ccc 0.5em,
white 0,
white 0.75em
);`)
).toMatchInlineSnapshot(`
Object {
"background": "linear-gradient(white, white) padding-box,
repeating-linear-gradient(
-45deg,
#ccc 0,
#ccc 0.5em,
white 0,
white 0.75em
)",
"border": "1px solid transparent",
}
`)
})
})
@@ -27,7 +27,7 @@ export function normalizeStyle(
}

const listDelimiterRE = /;(?![^(]*\))/g
const propertyDelimiterRE = /:(.+)/
const propertyDelimiterRE = /:([^]+)/

export function parseStringStyle(cssText: string): NormalizedStyle {
const ret: NormalizedStyle = {}

0 comments on commit 9768949

Please sign in to comment.