Skip to content

Commit

Permalink
wip
Browse files Browse the repository at this point in the history
  • Loading branch information
@mertasan
mertasan committed Mar 23, 2022
1 parent 653ac7a commit d28883f
Show file tree
Hide file tree
Showing 4 changed files with 42 additions and 42 deletions.
16 changes: 8 additions & 8 deletions __tests__/dark-mode.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,11 +69,11 @@ test('only dark variables with default options and `media` mode', async () => {
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --colors-primary: #ffffff
+ --colors-primary: #ffffff
+ }
+
+ .container {
+ --colors-secondary: #000000
+ --colors-secondary: #000000
+ }
+ }
Expand Down Expand Up @@ -115,11 +115,11 @@ test('if the `darkMode` is set to `media`, the `darkSelector` and `darkToRoot` o
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --colors-primary: #ffffff
+ --colors-primary: #ffffff
+ }
+
+ .container {
+ --colors-secondary: #000000
+ --colors-secondary: #000000
+ }
+ }
Expand Down Expand Up @@ -248,11 +248,11 @@ test('only dark variables with variablePrefix and `media` mode', async () => {
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --my-prefix-colors-primary: #ffffff
+ --my-prefix-colors-primary: #ffffff
+ }
+
+ .container {
+ --my-prefix-colors-secondary: #000000
+ --my-prefix-colors-secondary: #000000
+ }
+ }
Expand Down Expand Up @@ -372,11 +372,11 @@ test('variables and dark variables with default options and `media` mode', async
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --colors-primary: #ffffff
+ --colors-primary: #ffffff
+ }
+
+ .container {
+ --colors-secondary: #000000
+ --colors-secondary: #000000
+ }
+ }
Expand Down
60 changes: 30 additions & 30 deletions __tests__/plugin-api.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,15 +35,15 @@ test('simple example with dark mode set to `media`', async () => {
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: white;
+ --prefix2-colors-warning: pink
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: white;
+ --prefix2-colors-warning: pink
+ }
+
+ .admin {
+ --prefix2-colors-primary: blue;
+ --prefix2-colors-secondary: green;
+ --prefix2-colors-warning: gray
+ --prefix2-colors-primary: blue;
+ --prefix2-colors-secondary: green;
+ --prefix2-colors-warning: gray
+ }
+ }
Expand Down Expand Up @@ -178,15 +178,15 @@ test('with-components example with dark mode set to `media`', async () => {
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: white;
+ --prefix2-colors-warning: pink;
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: white;
+ --prefix2-colors-warning: pink;
+ }
+
+ .admin {
+ --prefix2-colors-primary: blue;
+ --prefix2-colors-secondary: green;
+ --prefix2-colors-warning: gray;
+ --prefix2-colors-primary: blue;
+ --prefix2-colors-secondary: green;
+ --prefix2-colors-warning: gray;
+ }
+ }
+
Expand Down Expand Up @@ -284,15 +284,15 @@ test('with-components-null-selector example with dark mode set to `media`', asyn
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: white;
+ --prefix2-colors-warning: pink;
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: white;
+ --prefix2-colors-warning: pink;
+ }
+
+ .admin {
+ --prefix2-colors-primary: blue;
+ --prefix2-colors-secondary: green;
+ --prefix2-colors-warning: gray;
+ --prefix2-colors-primary: blue;
+ --prefix2-colors-secondary: green;
+ --prefix2-colors-warning: gray;
+ }
+ }
+
Expand Down Expand Up @@ -338,15 +338,15 @@ test('with-themes example with dark mode set to `media`', async () => {
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: red;
+ --prefix2-colors-warning: purple
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: red;
+ --prefix2-colors-warning: purple
+ }
+
+ .admin {
+ --prefix2-colors-primary: green;
+ --prefix2-colors-secondary: orange;
+ --prefix2-colors-warning: teal
+ --prefix2-colors-primary: green;
+ --prefix2-colors-secondary: orange;
+ --prefix2-colors-warning: teal
+ }
+ }
Expand Down Expand Up @@ -438,15 +438,15 @@ test('advanced example with dark mode set to `media`', async () => {
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: red;
+ --prefix2-colors-warning: purple;
+ --prefix2-colors-primary: yellow;
+ --prefix2-colors-secondary: red;
+ --prefix2-colors-warning: purple;
+ }
+
+ .admin {
+ --prefix2-colors-primary: green;
+ --prefix2-colors-secondary: orange;
+ --prefix2-colors-warning: teal;
+ --prefix2-colors-primary: green;
+ --prefix2-colors-secondary: orange;
+ --prefix2-colors-warning: teal;
+ }
+ }
+
Expand Down
4 changes: 2 additions & 2 deletions __tests__/readme.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -270,11 +270,11 @@ test('dark mode with `media`', async () => {
+
+ @media (prefers-color-scheme: dark) {
+ :root {
+ --colors-red-50: blue
+ --colors-red-50: blue
+ }
+
+ .container {
+ --colors-red-50: green
+ --colors-red-50: green
+ }
+ }
Expand Down
4 changes: 2 additions & 2 deletions __tests__/util/_utils.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,8 @@ module.exports = (contentFile) => {
.replace(/\n\n@@([^@@]*)@@/g, '') // Top level @@ signs
.replace(/@@([^@@]*)@@/g, '\n---\n') // In between @@ signs
.replace(/[-+] __REMOVE_ME__\n/g, '')
.replace(/\+ /g, '+ ')
// .replace(/\+ \}\n([\s]*)\+/g, '\+ \}\n$1\+')
// .replace(/\+ /g, '+ ')
.replace(/\+ \}\n([\s]*)\+/g, '\+ \}\n$1\+')
.replace(/\+(\s+?)\}\n(\s+?)\+/g, '\\+$1\\}')
.replace(/Snapshot Diff:\n/g, '')
.replace(/"/g, '\'')
Expand Down

0 comments on commit d28883f

Please sign in to comment.