vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 12:53:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor: simple animations challenge template & delete spec

Browse Source
This commit is contained in:
Sven Brodny
2024-02-20 00:26:31 +01:00
parent 946219cce0
commit 11106df4f4
2 changed files with 11 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/angular/simple-animations/src/app/app.component.spec.ts
View File

@@ -1,8 +0,0 @@
import { render } from '@testing-library/angular';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
test('...', async () => {
await render(AppComponent);
});
});

22
apps/angular/simple-animations/src/app/app.component.ts
View File

@@ -5,7 +5,7 @@ import { Component } from '@angular/core';
imports: [], imports: [],
selector: 'app-root', selector: 'app-root',
styles: ` styles: `
.column { section {
@apply flex flex-1 flex-col gap-5; @apply flex flex-1 flex-col gap-5;
} }
@@ -19,8 +19,8 @@ import { Component } from '@angular/core';
`, `,
template: ` template: `
<div class="mx-20 my-40 flex gap-5"> <div class="mx-20 my-40 flex gap-5">
<div class="column"> <section>
<section> <div>
<h3>2008</h3> <h3>2008</h3>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
@@ -28,9 +28,9 @@ import { Component } from '@angular/core';
quidem sit placeat possimus tempore dolorum inventore corporis atque quidem sit placeat possimus tempore dolorum inventore corporis atque
quae ad, nobis explicabo delectus. quae ad, nobis explicabo delectus.
</p> </p>
</section> </div>
<section> <div>
<h3>2010</h3> <h3>2010</h3>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
@@ -38,9 +38,9 @@ import { Component } from '@angular/core';
quidem sit placeat possimus tempore dolorum inventore corporis atque quidem sit placeat possimus tempore dolorum inventore corporis atque
quae ad, nobis explicabo delectus. quae ad, nobis explicabo delectus.
</p> </p>
</section> </div>
<section> <div>
<h4>2012</h4> <h4>2012</h4>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae
@@ -48,10 +48,10 @@ import { Component } from '@angular/core';
quidem sit placeat possimus tempore dolorum inventore corporis atque quidem sit placeat possimus tempore dolorum inventore corporis atque
quae ad, nobis explicabo delectus. quae ad, nobis explicabo delectus.
</p> </p>
</section> </div>
</div> </section>
<div class="column"> <section>
<div class="list-item"> <div class="list-item">
<span>Name:</span> <span>Name:</span>
<span>Samuel</span> <span>Samuel</span>
@@ -81,7 +81,7 @@ import { Component } from '@angular/core';
<span>Like Pizza:</span> <span>Like Pizza:</span>
<span>Hell yeah</span> <span>Hell yeah</span>
</div> </div>
</div> </section>
</div> </div>
`, `,
}) })