Function runContentElementTests

src/material/dialog/dialog.spec.ts:1823–1966

()

    });

    function runContentElementTests() {
      it('should close the dialog when clicking on the close button', async () => {
        expect(overlayContainerElement.querySelectorAll('.mat-mdc-dialog-container').length).toBe(
          1,
        );

        (overlayContainerElement.querySelector('button[mat-dialog-close]') as HTMLElement).click();
        viewContainerFixture.detectChanges();
        await viewContainerFixture.whenStable();

        expect(overlayContainerElement.querySelectorAll('.mat-mdc-dialog-container').length).toBe(
          0,
        );
      });

      it('should not close when clicking on an aria-disabled close button', async () => {
        expect(overlayContainerElement.querySelectorAll('.mat-mdc-dialog-container').length).toBe(
          1,
        );

        const closeButton = overlayContainerElement.querySelector(
          'button[mat-dialog-close]',
        ) as HTMLElement;

        closeButton.setAttribute('aria-disabled', 'true');
        closeButton.click();
        viewContainerFixture.detectChanges();
        await viewContainerFixture.whenStable();

        expect(overlayContainerElement.querySelectorAll('.mat-mdc-dialog-container').length).toBe(
          1,
        );
      });

      it('should not close if [mat-dialog-close] is applied on a non-button node', () => {
        expect(overlayContainerElement.querySelectorAll('.mat-mdc-dialog-container').length).toBe(
          1,
        );

        (overlayContainerElement.querySelector('div[mat-dialog-close]') as HTMLElement).click();

        expect(overlayContainerElement.querySelectorAll('.mat-mdc-dialog-container').length).toBe(
          1,
        );
      });

      it('should allow for a user-specified aria-label on the close button', async () => {
        let button = overlayContainerElement.querySelector('.close-with-aria-label')!;
        expect(button.getAttribute('aria-label')).toBe('Best close button ever');
      });

      it('should set the "type" attribute of the close button if not set manually', () => {
        let button = overlayContainerElement.querySelector('button[mat-dialog-close]')!;

        expect(button.getAttribute('type')).toBe('button');
      });

      it('should not override type attribute of the close button if set manually', () => {