@angular/material 12.0.0-rc.0 → 12.0.0

package/table/testing/row-harness.d.ts

@@ -5,34 +5,44 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { ComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
 import { RowHarnessFilters, CellHarnessFilters } from './table-harness-filters';
 import { MatCellHarness, MatHeaderCellHarness, MatFooterCellHarness } from './cell-harness';
 /** Text extracted from a table row organized by columns. */
 export interface MatRowHarnessColumnsText {
     [columnName: string]: string;
 }
+export declare abstract class _MatRowHarnessBase<CellType extends (ComponentHarnessConstructor<Cell> & {
+    with: (options?: CellHarnessFilters) => HarnessPredicate<Cell>;
+}), Cell extends ComponentHarness & {
+    getText(): Promise<string>;
+    getColumnName(): Promise<string>;
+}> extends ComponentHarness {
+    protected abstract _cellHarness: CellType;
+    /** Gets a list of `MatCellHarness` for all cells in the row. */
+    getCells(filter?: CellHarnessFilters): Promise<Cell[]>;
+    /** Gets the text of the cells in the row. */
+    getCellTextByIndex(filter?: CellHarnessFilters): Promise<string[]>;
+    /** Gets the text inside the row organized by columns. */
+    getCellTextByColumnName(): Promise<MatRowHarnessColumnsText>;
+}
 /** Harness for interacting with a standard Angular Material table row. */
-export declare class MatRowHarness extends ComponentHarness {
+export declare class MatRowHarness extends _MatRowHarnessBase<typeof MatCellHarness, MatCellHarness> {
     /** The selector for the host element of a `MatRowHarness` instance. */
     static hostSelector: string;
+    protected _cellHarness: typeof MatCellHarness;
     /**
      * Gets a `HarnessPredicate` that can be used to search for a table row with specific attributes.
      * @param options Options for narrowing the search
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options?: RowHarnessFilters): HarnessPredicate<MatRowHarness>;
-    /** Gets a list of `MatCellHarness` for all cells in the row. */
-    getCells(filter?: CellHarnessFilters): Promise<MatCellHarness[]>;
-    /** Gets the text of the cells in the row. */
-    getCellTextByIndex(filter?: CellHarnessFilters): Promise<string[]>;
-    /** Gets the text inside the row organized by columns. */
-    getCellTextByColumnName(): Promise<MatRowHarnessColumnsText>;
 }
 /** Harness for interacting with a standard Angular Material table header row. */
-export declare class MatHeaderRowHarness extends ComponentHarness {
+export declare class MatHeaderRowHarness extends _MatRowHarnessBase<typeof MatHeaderCellHarness, MatHeaderCellHarness> {
     /** The selector for the host element of a `MatHeaderRowHarness` instance. */
     static hostSelector: string;
+    protected _cellHarness: typeof MatHeaderCellHarness;
     /**
      * Gets a `HarnessPredicate` that can be used to search for
      * a table header row with specific attributes.
@@ -40,17 +50,12 @@ export declare class MatHeaderRowHarness extends ComponentHarness {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options?: RowHarnessFilters): HarnessPredicate<MatHeaderRowHarness>;
-    /** Gets a list of `MatHeaderCellHarness` for all cells in the row. */
-    getCells(filter?: CellHarnessFilters): Promise<MatHeaderCellHarness[]>;
-    /** Gets the text of the cells in the header row. */
-    getCellTextByIndex(filter?: CellHarnessFilters): Promise<string[]>;
-    /** Gets the text inside the header row organized by columns. */
-    getCellTextByColumnName(): Promise<MatRowHarnessColumnsText>;
 }
 /** Harness for interacting with a standard Angular Material table footer row. */
-export declare class MatFooterRowHarness extends ComponentHarness {
+export declare class MatFooterRowHarness extends _MatRowHarnessBase<typeof MatFooterCellHarness, MatFooterCellHarness> {
     /** The selector for the host element of a `MatFooterRowHarness` instance. */
     static hostSelector: string;
+    protected _cellHarness: typeof MatFooterCellHarness;
     /**
      * Gets a `HarnessPredicate` that can be used to search for
      * a table footer row cell with specific attributes.
@@ -58,10 +63,4 @@ export declare class MatFooterRowHarness extends ComponentHarness {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options?: RowHarnessFilters): HarnessPredicate<MatFooterRowHarness>;
-    /** Gets a list of `MatFooterCellHarness` for all cells in the row. */
-    getCells(filter?: CellHarnessFilters): Promise<MatFooterCellHarness[]>;
-    /** Gets the text of the cells in the footer row. */
-    getCellTextByIndex(filter?: CellHarnessFilters): Promise<string[]>;
-    /** Gets the text inside the footer row organized by columns. */
-    getCellTextByColumnName(): Promise<MatRowHarnessColumnsText>;
 }

package/table/testing/table-harness.d.ts

@@ -5,9 +5,9 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.io/license
  */
-import { ContentContainerComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { ComponentHarness, ComponentHarnessConstructor, ContentContainerComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
 import { TableHarnessFilters, RowHarnessFilters } from './table-harness-filters';
-import { MatRowHarness, MatHeaderRowHarness, MatFooterRowHarness } from './row-harness';
+import { MatRowHarness, MatHeaderRowHarness, MatFooterRowHarness, MatRowHarnessColumnsText } from './row-harness';
 /** Text extracted from a table organized by columns. */
 export interface MatTableHarnessColumnsText {
     [columnName: string]: {
@@ -16,24 +16,43 @@ export interface MatTableHarnessColumnsText {
         footerText: string[];
     };
 }
+interface RowBase extends ComponentHarness {
+    getCellTextByColumnName(): Promise<MatRowHarnessColumnsText>;
+    getCellTextByIndex(): Promise<string[]>;
+}
+export declare abstract class _MatTableHarnessBase<HeaderRowType extends (ComponentHarnessConstructor<HeaderRow> & {
+    with: (options?: RowHarnessFilters) => HarnessPredicate<HeaderRow>;
+}), HeaderRow extends RowBase, RowType extends (ComponentHarnessConstructor<Row> & {
+    with: (options?: RowHarnessFilters) => HarnessPredicate<Row>;
+}), Row extends RowBase, FooterRowType extends (ComponentHarnessConstructor<FooterRow> & {
+    with: (options?: RowHarnessFilters) => HarnessPredicate<FooterRow>;
+}), FooterRow extends RowBase> extends ContentContainerComponentHarness<string> {
+    protected abstract _headerRowHarness: HeaderRowType;
+    protected abstract _rowHarness: RowType;
+    protected abstract _footerRowHarness: FooterRowType;
+    /** Gets all of the header rows in a table. */
+    getHeaderRows(filter?: RowHarnessFilters): Promise<HeaderRow[]>;
+    /** Gets all of the regular data rows in a table. */
+    getRows(filter?: RowHarnessFilters): Promise<Row[]>;
+    /** Gets all of the footer rows in a table. */
+    getFooterRows(filter?: RowHarnessFilters): Promise<FooterRow[]>;
+    /** Gets the text inside the entire table organized by rows. */
+    getCellTextByIndex(): Promise<string[][]>;
+    /** Gets the text inside the entire table organized by columns. */
+    getCellTextByColumnName(): Promise<MatTableHarnessColumnsText>;
+}
 /** Harness for interacting with a standard mat-table in tests. */
-export declare class MatTableHarness extends ContentContainerComponentHarness<string> {
+export declare class MatTableHarness extends _MatTableHarnessBase<typeof MatHeaderRowHarness, MatHeaderRowHarness, typeof MatRowHarness, MatRowHarness, typeof MatFooterRowHarness, MatFooterRowHarness> {
     /** The selector for the host element of a `MatTableHarness` instance. */
     static hostSelector: string;
+    protected _headerRowHarness: typeof MatHeaderRowHarness;
+    protected _rowHarness: typeof MatRowHarness;
+    protected _footerRowHarness: typeof MatFooterRowHarness;
     /**
      * Gets a `HarnessPredicate` that can be used to search for a table with specific attributes.
      * @param options Options for narrowing the search
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with(options?: TableHarnessFilters): HarnessPredicate<MatTableHarness>;
-    /** Gets all of the header rows in a table. */
-    getHeaderRows(filter?: RowHarnessFilters): Promise<MatHeaderRowHarness[]>;
-    /** Gets all of the regular data rows in a table. */
-    getRows(filter?: RowHarnessFilters): Promise<MatRowHarness[]>;
-    /** Gets all of the footer rows in a table. */
-    getFooterRows(filter?: RowHarnessFilters): Promise<MatFooterRowHarness[]>;
-    /** Gets the text inside the entire table organized by rows. */
-    getCellTextByIndex(): Promise<string[][]>;
-    /** Gets the text inside the entire table organized by columns. */
-    getCellTextByColumnName(): Promise<MatTableHarnessColumnsText>;
 }
+export {};

package/tabs/_tabs-theme.scss

@@ -117,12 +117,14 @@
   }
 
   // Set pagination chevrons to contrast background
+  > .mat-tab-header .mat-tab-header-pagination-chevron,
   > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
-  > .mat-tab-links .mat-focus-indicator::before,
+  > .mat-tab-link-container .mat-focus-indicator::before,
   > .mat-tab-header .mat-focus-indicator::before {
     border-color: theming.get-color-from-palette($background-color, default-contrast);
   }
 
+  > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
   > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
     border-color: theming.get-color-from-palette($background-color, default-contrast, 0.4);
   }
@@ -130,7 +132,8 @@
   // Set ripples color to be the contrast color of the new background. Otherwise the ripple
   // color will be based on the app background color.
   > .mat-tab-header .mat-ripple-element,
-  > .mat-tab-link-container .mat-ripple-element {
+  > .mat-tab-link-container .mat-ripple-element,
+  > .mat-tab-header-pagination .mat-ripple-element {
     background-color: theming.get-color-from-palette($background-color, default-contrast, 0.12);
   }
 }