Skip to content

Commit aad359a

Browse files
committed
main - f9d3cde feat(aria/menu): create the aria menu (#32080)
1 parent 5882c57 commit aad359a

File tree

5 files changed

+28
-20
lines changed

5 files changed

+28
-20
lines changed

docs-content/examples-highlighted/material/datepicker/datepicker-harness/datepicker-harness-example.spec-ts.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,18 @@
33
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">MatDatepickerInputHarness</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/datepicker/testing&#x27;</span>;
44
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">HarnessLoader</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
55
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">DatepickerHarnessExample</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./datepicker-harness-example&#x27;</span>;
6-
<span class="hljs-keyword">import</span> {<span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, <span class="hljs-title class_">MatNativeDateModule</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
6+
<span class="hljs-keyword">import</span> {<span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, provideNativeDateAdapter} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
77

88
<span class="hljs-title function_">describe</span>(<span class="hljs-string">&#x27;DatepickerHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
99
<span class="hljs-keyword">let</span> <span class="hljs-attr">fixture</span>: <span class="hljs-title class_">ComponentFixture</span>&lt;<span class="hljs-title class_">DatepickerHarnessExample</span>&gt;;
1010
<span class="hljs-keyword">let</span> <span class="hljs-attr">loader</span>: <span class="hljs-title class_">HarnessLoader</span>;
1111

1212
<span class="hljs-title function_">beforeEach</span>(<span class="hljs-function">() =&gt;</span> {
1313
<span class="hljs-title class_">TestBed</span>.<span class="hljs-title function_">configureTestingModule</span>({
14-
<span class="hljs-attr">imports</span>: [<span class="hljs-title class_">MatNativeDateModule</span>],
15-
<span class="hljs-attr">providers</span>: [{<span class="hljs-attr">provide</span>: <span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}}],
14+
<span class="hljs-attr">providers</span>: [
15+
<span class="hljs-title function_">provideNativeDateAdapter</span>(),
16+
{<span class="hljs-attr">provide</span>: <span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}},
17+
],
1618
});
1719
fixture = <span class="hljs-title class_">TestBed</span>.<span class="hljs-title function_">createComponent</span>(<span class="hljs-title class_">DatepickerHarnessExample</span>);
1820
fixture.<span class="hljs-title function_">detectChanges</span>();

docs-content/examples-highlighted/material/timepicker/timepicker-harness/timepicker-harness-example.spec-ts.html

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,18 @@
33
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">MatTimepickerInputHarness</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/timepicker/testing&#x27;</span>;
44
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">HarnessLoader</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/cdk/testing&#x27;</span>;
55
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">TimepickerHarnessExample</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;./timepicker-harness-example&#x27;</span>;
6-
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">DateAdapter</span>, <span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, <span class="hljs-title class_">MatNativeDateModule</span>} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
6+
<span class="hljs-keyword">import</span> {<span class="hljs-title class_">DateAdapter</span>, <span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, provideNativeDateAdapter} <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;@angular/material/core&#x27;</span>;
77

88
<span class="hljs-title function_">describe</span>(<span class="hljs-string">&#x27;TimepickerHarnessExample&#x27;</span>, <span class="hljs-function">() =&gt;</span> {
99
<span class="hljs-keyword">let</span> <span class="hljs-attr">fixture</span>: <span class="hljs-title class_">ComponentFixture</span>&lt;<span class="hljs-title class_">TimepickerHarnessExample</span>&gt;;
1010
<span class="hljs-keyword">let</span> <span class="hljs-attr">loader</span>: <span class="hljs-title class_">HarnessLoader</span>;
1111

1212
<span class="hljs-title function_">beforeEach</span>(<span class="hljs-function">() =&gt;</span> {
1313
<span class="hljs-title class_">TestBed</span>.<span class="hljs-title function_">configureTestingModule</span>({
14-
<span class="hljs-attr">imports</span>: [<span class="hljs-title class_">MatNativeDateModule</span>],
15-
<span class="hljs-attr">providers</span>: [{<span class="hljs-attr">provide</span>: <span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}}],
14+
<span class="hljs-attr">providers</span>: [
15+
<span class="hljs-title function_">provideNativeDateAdapter</span>(),
16+
{<span class="hljs-attr">provide</span>: <span class="hljs-variable constant_">MATERIAL_ANIMATIONS</span>, <span class="hljs-attr">useValue</span>: {<span class="hljs-attr">animationsDisabled</span>: <span class="hljs-literal">true</span>}},
17+
],
1618
});
1719
<span class="hljs-title class_">TestBed</span>.<span class="hljs-title function_">inject</span>(<span class="hljs-title class_">DateAdapter</span>).<span class="hljs-title function_">setLocale</span>(<span class="hljs-string">&#x27;en-US&#x27;</span>); <span class="hljs-comment">// Set the locale to en-US to guarantee consistent tests.</span>
1820
fixture = <span class="hljs-title class_">TestBed</span>.<span class="hljs-title function_">createComponent</span>(<span class="hljs-title class_">TimepickerHarnessExample</span>);

docs-content/examples-source/material/datepicker/datepicker-harness/datepicker-harness-example.spec.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,18 @@ import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
33
import {MatDatepickerInputHarness} from '@angular/material/datepicker/testing';
44
import {HarnessLoader} from '@angular/cdk/testing';
55
import {DatepickerHarnessExample} from './datepicker-harness-example';
6-
import {MATERIAL_ANIMATIONS, MatNativeDateModule} from '@angular/material/core';
6+
import {MATERIAL_ANIMATIONS, provideNativeDateAdapter} from '@angular/material/core';
77

88
describe('DatepickerHarnessExample', () => {
99
let fixture: ComponentFixture<DatepickerHarnessExample>;
1010
let loader: HarnessLoader;
1111

1212
beforeEach(() => {
1313
TestBed.configureTestingModule({
14-
imports: [MatNativeDateModule],
15-
providers: [{provide: MATERIAL_ANIMATIONS, useValue: {animationsDisabled: true}}],
14+
providers: [
15+
provideNativeDateAdapter(),
16+
{provide: MATERIAL_ANIMATIONS, useValue: {animationsDisabled: true}},
17+
],
1618
});
1719
fixture = TestBed.createComponent(DatepickerHarnessExample);
1820
fixture.detectChanges();

docs-content/examples-source/material/timepicker/timepicker-harness/timepicker-harness-example.spec.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,18 @@ import {TestbedHarnessEnvironment} from '@angular/cdk/testing/testbed';
33
import {MatTimepickerInputHarness} from '@angular/material/timepicker/testing';
44
import {HarnessLoader} from '@angular/cdk/testing';
55
import {TimepickerHarnessExample} from './timepicker-harness-example';
6-
import {DateAdapter, MATERIAL_ANIMATIONS, MatNativeDateModule} from '@angular/material/core';
6+
import {DateAdapter, MATERIAL_ANIMATIONS, provideNativeDateAdapter} from '@angular/material/core';
77

88
describe('TimepickerHarnessExample', () => {
99
let fixture: ComponentFixture<TimepickerHarnessExample>;
1010
let loader: HarnessLoader;
1111

1212
beforeEach(() => {
1313
TestBed.configureTestingModule({
14-
imports: [MatNativeDateModule],
15-
providers: [{provide: MATERIAL_ANIMATIONS, useValue: {animationsDisabled: true}}],
14+
providers: [
15+
provideNativeDateAdapter(),
16+
{provide: MATERIAL_ANIMATIONS, useValue: {animationsDisabled: true}},
17+
],
1618
});
1719
TestBed.inject(DateAdapter).setLocale('en-US'); // Set the locale to en-US to guarantee consistent tests.
1820
fixture = TestBed.createComponent(TimepickerHarnessExample);

package.json

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@angular/components-examples",
3-
"version": "21.0.0-next.9+sha-03c5d34",
3+
"version": "21.0.0-next.9+sha-f9d3cde",
44
"description": "Angular Components Examples",
55
"private": true,
66
"repository": {
@@ -287,15 +287,15 @@
287287
},
288288
"homepage": "https://github.com/angular/components#readme",
289289
"peerDependencies": {
290-
"@angular/aria": "21.0.0-next.9+sha-03c5d34",
291-
"@angular/cdk": "21.0.0-next.9+sha-03c5d34",
292-
"@angular/cdk-experimental": "21.0.0-next.9+sha-03c5d34",
290+
"@angular/aria": "21.0.0-next.9+sha-f9d3cde",
291+
"@angular/cdk": "21.0.0-next.9+sha-f9d3cde",
292+
"@angular/cdk-experimental": "21.0.0-next.9+sha-f9d3cde",
293293
"@angular/core": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
294294
"@angular/common": "^21.0.0-0 || ^21.1.0-0 || ^21.2.0-0 || ^21.3.0-0 || ^22.0.0-0",
295-
"@angular/material": "21.0.0-next.9+sha-03c5d34",
296-
"@angular/material-experimental": "21.0.0-next.9+sha-03c5d34",
297-
"@angular/material-luxon-adapter": "21.0.0-next.9+sha-03c5d34",
298-
"@angular/material-date-fns-adapter": "21.0.0-next.9+sha-03c5d34"
295+
"@angular/material": "21.0.0-next.9+sha-f9d3cde",
296+
"@angular/material-experimental": "21.0.0-next.9+sha-f9d3cde",
297+
"@angular/material-luxon-adapter": "21.0.0-next.9+sha-f9d3cde",
298+
"@angular/material-date-fns-adapter": "21.0.0-next.9+sha-f9d3cde"
299299
},
300300
"devDependencies": {
301301
"@angular/aria": "workspace:*",

0 commit comments

Comments
 (0)