diff --git a/cypress/integration/node-search.e2e.js b/cypress/integration/node-search.e2e.js index 856ce07321f..abe3dcbfb01 100644 --- a/cypress/integration/node-search.e2e.js +++ b/cypress/integration/node-search.e2e.js @@ -83,7 +83,7 @@ describe('Search items in component tree', () => { checkComponentName('app-todos'); // should display correct title for properties panel - cy.get('ng-property-view-header').should('have.text', 'Properties of app-todos '); + cy.get('ng-property-view-header').should('have.text', 'app-todos'); // should show correct component properties cy.get('ng-property-view').find('mat-tree-node'); diff --git a/cypress/integration/property-edit.e2e.js b/cypress/integration/property-edit.e2e.js index 1f0d076cb6b..8861ac12335 100644 --- a/cypress/integration/property-edit.e2e.js +++ b/cypress/integration/property-edit.e2e.js @@ -14,7 +14,7 @@ describe('edit properties of directive in the property view tab', () => { getBody().find('app-todo input.edit').should('not.be.visible'); }); - cy.get('.explorer-panel:contains("Properties of app-todo")') + cy.get('.explorer-panel:contains("app-todo")') .find('ng-property-view mat-tree-node:contains("editMode")') .find('ng-property-editor .editor') .click({ force: true }) @@ -31,9 +31,7 @@ describe('edit properties of directive in the property view tab', () => { describe('edit todo property', () => { beforeEach(() => { // expand todo state - cy.get('.explorer-panel:contains("Properties of app-todo")') - .find('ng-property-view mat-tree-node:contains("todo")') - .click(); + cy.get('.explorer-panel:contains("app-todo")').find('ng-property-view mat-tree-node:contains("todo")').click(); }); it('should change todo label in app when edited', () => { @@ -43,7 +41,7 @@ describe('edit properties of directive in the property view tab', () => { }); // find label variable and run through edit logic - cy.get('.explorer-panel:contains("Properties of app-todo")') + cy.get('.explorer-panel:contains("app-todo")') .find('ng-property-view mat-tree-node:contains("label")') .find('ng-property-editor .editor') .click() @@ -65,7 +63,7 @@ describe('edit properties of directive in the property view tab', () => { }); // find completed variable and run through edit logic - cy.get('.explorer-panel:contains("Properties of app-todo")') + cy.get('.explorer-panel:contains("app-todo")') .find('ng-property-view mat-tree-node:contains("completed")') .find('ng-property-editor .editor') .click() diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-body/property-view-body.component.ts b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-body/property-view-body.component.ts index d143606bc3f..d1265bec2a2 100644 --- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-body/property-view-body.component.ts +++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-body/property-view-body.component.ts @@ -35,7 +35,7 @@ export class PropertyViewBodyComponent { controls: this.directiveOutputControls, }, { - title: 'State', + title: 'Properties', hidden: this.directiveStateControls.dataSource.data.length === 0, controls: this.directiveStateControls, }, diff --git a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-header/property-view-header.component.html b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-header/property-view-header.component.html index aff2a226661..54b9a9e6a50 100644 --- a/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-header/property-view-header.component.html +++ b/projects/ng-devtools/src/lib/devtools-tabs/directive-explorer/property-tab/property-tab-body/property-view/property-view-header/property-view-header.component.html @@ -1 +1 @@ -Properties of {{ directive }} +{{ directive }}