diff --git a/packages/alpinejs/src/directives.js b/packages/alpinejs/src/directives.js index ee1bf4ebe..3dc91b8f9 100644 --- a/packages/alpinejs/src/directives.js +++ b/packages/alpinejs/src/directives.js @@ -21,10 +21,7 @@ export function directive(name, callback) { return { before(directive) { if (!directiveHandlers[directive]) { - console.warn( - "Cannot find directive `${directive}`. " - + "`${name}` will use the default order of execution" - ); + console.warn(String.raw`Cannot find directive \`${directive}\`. \`${name}\` will use the default order of execution`); return; } const pos = directiveOrder.indexOf(directive); diff --git a/tests/cypress/integration/directives/x-bind-style.spec.js b/tests/cypress/integration/directives/x-bind-style.spec.js index 7b04afb56..56d0b9fd5 100644 --- a/tests/cypress/integration/directives/x-bind-style.spec.js +++ b/tests/cypress/integration/directives/x-bind-style.spec.js @@ -40,7 +40,7 @@ test('style attribute object binding with CSS variable', `, ({ get }) => { - get('div').should(haveAttribute('style', '--MyCSS-Variable: 0.25;')) + get('div').should(haveAttribute('style', '--MyCSS-Variable:0.25;')) } ) @@ -62,7 +62,7 @@ test('CSS custom properties are set', `, ({ get }) => { - get('span').should(haveAttribute('style', 'color: var(--custom-prop); --custom-prop: #f00;')) + get('span').should(haveAttribute('style', 'color: var(--custom-prop); --custom-prop:#f00;')) } ) @@ -73,6 +73,6 @@ test('existing CSS custom properties are preserved', `, ({ get }) => { - get('span').should(haveAttribute('style', 'color: var(--custom-prop-b); --custom-prop-a: red; --custom-prop-b: var(--custom-prop-a);')) + get('span').should(haveAttribute('style', 'color: var(--custom-prop-b); --custom-prop-a: red; --custom-prop-b:var(--custom-prop-a);')) } )