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 }}