mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(devtools): rename state to properties (rangle/angular-devtools#682)
This commit is contained in:
@@ -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');
|
||||
|
||||
@@ -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()
|
||||
|
||||
+1
-1
@@ -35,7 +35,7 @@ export class PropertyViewBodyComponent {
|
||||
controls: this.directiveOutputControls,
|
||||
},
|
||||
{
|
||||
title: 'State',
|
||||
title: 'Properties',
|
||||
hidden: this.directiveStateControls.dataSource.data.length === 0,
|
||||
controls: this.directiveStateControls,
|
||||
},
|
||||
|
||||
+1
-1
@@ -1 +1 @@
|
||||
<mat-toolbar>Properties of {{ directive }} </mat-toolbar>
|
||||
<mat-toolbar>{{ directive }}</mat-toolbar>
|
||||
|
||||
Reference in New Issue
Block a user