angular/modules/playground/e2e_test/zippy_component/zippy_spec.ts
Joey Perrott f9781f9804 refactor: migrate modules to prettier formatting (#53954)
Migrate formatting to prettier for modules directory from clang-format

PR Close #53954
2024-01-17 09:41:59 -08:00

41 lines
1.3 KiB
TypeScript

/**
* @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
*/
import {verifyNoBrowserErrors} from '@angular/build-tooling/bazel/benchmark/driver-utilities';
import {browser, by, element} from 'protractor';
describe('Zippy Component', function () {
afterEach(verifyNoBrowserErrors);
describe('zippy', function () {
const URL = '/';
beforeEach(function () {
browser.get(URL);
});
it("should change the zippy title depending on it's state", function () {
const zippyTitle = element(by.css('.zippy__title'));
expect(zippyTitle.getText()).toEqual('▾ Details');
zippyTitle.click();
expect(zippyTitle.getText()).toEqual('▸ Details');
});
it('should have zippy content', function () {
expect(element(by.css('.zippy__content')).getText()).toEqual('This is some content.');
});
it('should toggle when the zippy title is clicked', function () {
element(by.css('.zippy__title')).click();
expect(element(by.css('.zippy__content')).isDisplayed()).toEqual(false);
element(by.css('.zippy__title')).click();
expect(element(by.css('.zippy__content')).isDisplayed()).toEqual(true);
});
});
});