diff --git a/packages/mdc-radio/_mixins.scss b/packages/mdc-radio/_mixins.scss index 3144dc2ba27..a8a6b6685ef 100644 --- a/packages/mdc-radio/_mixins.scss +++ b/packages/mdc-radio/_mixins.scss @@ -14,6 +14,7 @@ // limitations under the License. // +@import "@material/theme/mixins"; @import "@material/theme/variables"; @import "./variables"; diff --git a/test/screenshot/golden.json b/test/screenshot/golden.json index e5ba1a48b00..4a1385c2bd0 100644 --- a/test/screenshot/golden.json +++ b/test/screenshot/golden.json @@ -314,6 +314,24 @@ "desktop_windows_ie@11": "https://storage.googleapis.com/mdc-web-screenshot-tests/advorak/2018/07/17/22_50_36_536/spec/mdc-icon-button/mixins/ink-color.html.windows_ie_11.png" } }, + "spec/mdc-radio/classes/baseline.html": { + "public_url": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/classes/baseline.html", + "screenshots": { + "desktop_windows_chrome@latest": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/classes/baseline.html.windows_chrome_67.png", + "desktop_windows_edge@latest": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/classes/baseline.html.windows_edge_17.png", + "desktop_windows_firefox@latest": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/classes/baseline.html.windows_firefox_61.png", + "desktop_windows_ie@11": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/classes/baseline.html.windows_ie_11.png" + } + }, + "spec/mdc-radio/mixins/mixins.html": { + "public_url": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/mixins/mixins.html", + "screenshots": { + "desktop_windows_chrome@latest": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/mixins/mixins.html.windows_chrome_67.png", + "desktop_windows_edge@latest": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/mixins/mixins.html.windows_edge_17.png", + "desktop_windows_firefox@latest": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/mixins/mixins.html.windows_firefox_61.png", + "desktop_windows_ie@11": "https://storage.googleapis.com/mdc-web-screenshot-tests/travis/2018/08/02/15_12_11_524/spec/mdc-radio/mixins/mixins.html.windows_ie_11.png" + } + }, "spec/mdc-switch/classes/baseline.html": { "public_url": "https://storage.googleapis.com/mdc-web-screenshot-tests/rlfriedman/2018/07/21/00_22_42_705/spec/mdc-switch/classes/baseline.html", "screenshots": { diff --git a/test/screenshot/spec/mdc-radio/classes/baseline.html b/test/screenshot/spec/mdc-radio/classes/baseline.html new file mode 100644 index 00000000000..d59f2df712d --- /dev/null +++ b/test/screenshot/spec/mdc-radio/classes/baseline.html @@ -0,0 +1,78 @@ + + + + + + Baseline Radio - MDC Web Screenshot Test + + + + + + + +
+
+
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+ + + + + + + + diff --git a/test/screenshot/spec/mdc-radio/fixture.scss b/test/screenshot/spec/mdc-radio/fixture.scss new file mode 100644 index 00000000000..df791b1a9e1 --- /dev/null +++ b/test/screenshot/spec/mdc-radio/fixture.scss @@ -0,0 +1,37 @@ +// +// Copyright 2018 Google Inc. All Rights Reserved. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. +// + +@import "../../../../packages/mdc-radio/mixins"; +@import "../../../../packages/mdc-theme/color-palette"; + +$custom-radio-color: $material-color-red-300; + +.test-cell--radio { + width: 71px; + height: 71px; +} + +.custom-radio--unchecked-stroke-color { + @include mdc-radio-unchecked-stroke-color($custom-radio-color); +} + +.custom-radio--checked-stroke-color { + @include mdc-radio-checked-stroke-color($custom-radio-color); +} + +.custom-radio--ink-color { + @include mdc-radio-ink-color($custom-radio-color); +} diff --git a/test/screenshot/spec/mdc-radio/mixins/mixins.html b/test/screenshot/spec/mdc-radio/mixins/mixins.html new file mode 100644 index 00000000000..b109da9dfbb --- /dev/null +++ b/test/screenshot/spec/mdc-radio/mixins/mixins.html @@ -0,0 +1,164 @@ + + + + + + Radio Mixins - MDC Web Screenshot Test + + + + + + + +
+
+ + +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+ + + + + + + +