From e535dd07ebb9923e5b5439ec1b172bf87f8d959b Mon Sep 17 00:00:00 2001
From: wenqi73 <1264578441@qq.com>
Date: Sat, 4 Aug 2018 01:39:29 +0800
Subject: [PATCH] keep card loading demo

---
 components/card/demo/loading-skeleton.ts      | 30 -------------------
 .../demo/{loading-skeleton.md => loading.md}  |  0
 components/card/demo/loading.ts               | 17 +++++++++++
 components/test.ts                            |  2 +-
 4 files changed, 18 insertions(+), 31 deletions(-)
 delete mode 100644 components/card/demo/loading-skeleton.ts
 rename components/card/demo/{loading-skeleton.md => loading.md} (100%)
 create mode 100644 components/card/demo/loading.ts

diff --git a/components/card/demo/loading-skeleton.ts b/components/card/demo/loading-skeleton.ts
deleted file mode 100644
index e7e4af582ea..00000000000
--- a/components/card/demo/loading-skeleton.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'nz-demo-card-loading-skeleton',
-  template: `
-    <nz-switch [(ngModel)]="loading"></nz-switch>
-    <nz-card
-      style="width: 300px;margin-top: 16px"
-      [nzActions]="[actionSetting,actionEdit,actionEllipsis]">
-      <nz-skeleton [nzLoading]="loading" [nzAvatar]="{size: 'large'}">
-        <nz-card-meta [nzAvatar]="avatarTemplate" nzTitle="Card title" nzDescription="This is the description"></nz-card-meta>
-      </nz-skeleton>
-    </nz-card>
-    <ng-template #avatarTemplate>
-      <nz-avatar nzSrc="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"></nz-avatar>
-    </ng-template>
-    <ng-template #actionSetting>
-      <i class="anticon anticon-setting"></i>
-    </ng-template>
-    <ng-template #actionEdit>
-      <i class="anticon anticon-edit"></i>
-    </ng-template>
-    <ng-template #actionEllipsis>
-      <i class="anticon anticon-ellipsis"></i>
-    </ng-template>
-  `
-})
-export class NzDemoCardLoadingSkeletonComponent {
-  loading = true;
-}
diff --git a/components/card/demo/loading-skeleton.md b/components/card/demo/loading.md
similarity index 100%
rename from components/card/demo/loading-skeleton.md
rename to components/card/demo/loading.md
diff --git a/components/card/demo/loading.ts b/components/card/demo/loading.ts
new file mode 100644
index 00000000000..b3b994ce87b
--- /dev/null
+++ b/components/card/demo/loading.ts
@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-card-loading',
+  template: `
+    <nz-card [nzLoading]="loading" nzTitle="Card title">
+      Whatever content
+    </nz-card>
+    <button nz-button style="margin-top: 16px;" (click)="toggleLoading()">Toggle loading</button>
+  `
+})
+export class NzDemoCardLoadingComponent {
+  loading = true;
+  toggleLoading(): void {
+    this.loading = !this.loading;
+  }
+}
diff --git a/components/test.ts b/components/test.ts
index 51d69766d85..16317897b1c 100644
--- a/components/test.ts
+++ b/components/test.ts
@@ -15,6 +15,6 @@ getTestBed().initTestEnvironment(
   platformBrowserDynamicTesting()
 );
 // Then we find all the tests.
-const context = require.context('./', true, /skeleton\.spec\.ts$/);
+const context = require.context('./', true, /\.spec\.ts$/);
 // And load the modules.
 context.keys().map(context);