From cdf55200bc6e82cabbce70461b87a469b834a80e Mon Sep 17 00:00:00 2001 From: Sven Brodny Date: Mon, 4 Mar 2024 00:31:50 +0100 Subject: [PATCH 01/11] docs(testing-harness): update content --- .../content/docs/challenges/testing/23-harness.md | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/docs/src/content/docs/challenges/testing/23-harness.md b/docs/src/content/docs/challenges/testing/23-harness.md index 5ea9834..e098b22 100644 --- a/docs/src/content/docs/challenges/testing/23-harness.md +++ b/docs/src/content/docs/challenges/testing/23-harness.md @@ -8,13 +8,17 @@ sidebar: order: 9 --- -## Statement: +## Information + +A component harness is a class that lets a test interact with a component via a supported API. The objective of this challenge is to have a better understanding of the CDK test harness API. In this initial challenge, we will only use Angular Material's built-in harnesses. -The goal is to test the functionality of `child.component.ts`. I have prepared a test suite that you need to implement, but feel free to include additional tests as well. - -**Note:** You are welcome to use Testing Library if you wish. - Documentation for CDK Component Harness is [here](https://material.angular.io/cdk/test-harnesses/overview#api-for-test-authors). Documentation for Angular Material component is [here](https://material.angular.io/components/button/overview). + +## Statement + +The goal is to test the functionality of `child.component.ts`, which consists of some inputs & checkboxes related to a `mat-slider`. I have prepared a test suite that you need to implement, but feel free to include additional tests as well. + +**Note:** You are welcome to use Testing Library if you wish. From 70fbdb5b48521e2e8002b1fbe9d9aa10dcb52978 Mon Sep 17 00:00:00 2001 From: Sven Brodny Date: Tue, 5 Mar 2024 13:31:55 +0100 Subject: [PATCH 02/11] style: add & update button hover stylings --- docs/src/components/SubscriptionForm.astro | 7 +++++++ docs/src/content/docs/index.mdx | 5 ++++- docs/src/styles/custom-css.css | 15 +++++++++++++++ 3 files changed, 26 insertions(+), 1 deletion(-) diff --git a/docs/src/components/SubscriptionForm.astro b/docs/src/components/SubscriptionForm.astro index 1d88c2b..d615509 100644 --- a/docs/src/components/SubscriptionForm.astro +++ b/docs/src/components/SubscriptionForm.astro @@ -85,6 +85,13 @@ const { data } = await getEntry('i18n', lang ?? 'en'); text-decoration: none; font-size: var(--sl-text-sm); background: var(--sl-color-text-accent); + transition: var(--button-transition); + + &:hover { + top: unset; + transform: var(--button-transform); + transition: var(--button-transition); + } } } diff --git a/docs/src/content/docs/index.mdx b/docs/src/content/docs/index.mdx index a172533..1062be3 100644 --- a/docs/src/content/docs/index.mdx +++ b/docs/src/content/docs/index.mdx @@ -69,7 +69,10 @@ import SubscriptionForm from '../../components/SubscriptionForm.astro'; ---