mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
2a1ff17b42
This commit runs tslint --fix with the angular/angular tslint configuration on the files inside the devtools codebase. Notably, the file-header rule in `tslint.json` was missing a default attribute. This commit adds that default attribute and sets it to the license header that is present in all files in this repo. After running tslint --fix with this default added, this commit added the license header to all files in the devtools directory. Note for the reviewer: the automatically added license headers were added as comments with the "/*!" prefix. Since we want these comments removed in builds, and the rest of the codebase uses "/**", a simple find and replace was performed on the devtools directory to change these prefixes to "/**".
97 lines
3.1 KiB
JavaScript
97 lines
3.1 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* 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
|
|
*/
|
|
|
|
require('cypress-iframe');
|
|
|
|
describe('edit properties of directive in the property view tab', () => {
|
|
beforeEach(() => {
|
|
cy.visit('/');
|
|
});
|
|
|
|
describe('edit app-todo component', () => {
|
|
beforeEach(() => {
|
|
// select todo node in component tree
|
|
cy.get('.tree-wrapper')
|
|
.find('.tree-node:contains("app-todo[TooltipDirective]")')
|
|
.first()
|
|
.click({force: true});
|
|
});
|
|
|
|
it('should be able to enable editMode', () => {
|
|
cy.enter('#sample-app').then((getBody) => {
|
|
getBody().find('app-todo input.edit').should('not.be.visible');
|
|
});
|
|
|
|
cy.get('.explorer-panel:contains("app-todo")')
|
|
.find('ng-property-view mat-tree-node:contains("editMode")')
|
|
.find('ng-property-editor .editor')
|
|
.click({force: true})
|
|
.find('.editor-input')
|
|
.clear()
|
|
.type('true')
|
|
.type('{enter}');
|
|
|
|
cy.enter('#sample-app').then((getBody) => {
|
|
getBody().find('app-todo input.edit').should('be.visible');
|
|
});
|
|
});
|
|
|
|
describe('edit todo property', () => {
|
|
beforeEach(() => {
|
|
// expand todo state
|
|
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', () => {
|
|
// check initial todo label
|
|
cy.enter('#sample-app').then((getBody) => {
|
|
getBody().find('app-todo').contains('Buy milk').its('length').should('eq', 1);
|
|
});
|
|
|
|
// find label variable and run through edit logic
|
|
cy.get('.explorer-panel:contains("app-todo")')
|
|
.find('ng-property-view mat-tree-node:contains("label")')
|
|
.find('ng-property-editor .editor')
|
|
.click()
|
|
.find('.editor-input')
|
|
.clear()
|
|
.type('Buy cookies')
|
|
.type('{enter}');
|
|
|
|
// assert that the page has been updated
|
|
cy.enter('#sample-app').then((getBody) => {
|
|
getBody().find('app-todo').contains('Buy cookies').its('length').should('eq', 1);
|
|
});
|
|
});
|
|
|
|
it('should change todo completed in app when edited', () => {
|
|
// check initial todo completed status
|
|
cy.enter('#sample-app').then((getBody) => {
|
|
getBody().find('app-todo li').not('.completed').its('length').should('eq', 2);
|
|
});
|
|
|
|
// find completed variable and run through edit logic
|
|
cy.get('.explorer-panel:contains("app-todo")')
|
|
.find('ng-property-view mat-tree-node:contains("completed")')
|
|
.find('ng-property-editor .editor')
|
|
.click()
|
|
.find('.editor-input')
|
|
.clear()
|
|
.type('true')
|
|
.type('{enter}');
|
|
|
|
// assert that the page has been updated
|
|
cy.enter('#sample-app').then((getBody) => {
|
|
getBody().find('app-todo li.completed').its('length').should('eq', 1);
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|