fix: fixed test and removed unused import

Author: deltork

packages/studio-web/src/app/shared/shared.module.ts

@@ -8,16 +8,9 @@ import {
   WcStylingComponent,
   WCStylingHelper,
 } from "./wc-styling/wc-styling.component";
-import { MatListModule } from "@angular/material/list";
 @NgModule({
-  declarations: [DownloadComponent, WcStylingComponent, WCStylingHelper],
-  imports: [
-    BrowserModule,
-    MaterialModule,
-    FormsModule,
-    CommonModule,
-    MatListModule,
-  ],
-  exports: [DownloadComponent, WcStylingComponent, WCStylingHelper],
+  declarations: [DownloadComponent, WcStylingComponent], //WCStylingHelper],
+  imports: [BrowserModule, MaterialModule, FormsModule, CommonModule],
+  exports: [DownloadComponent, WcStylingComponent], // WCStylingHelper],
 })
 export class SharedModule {}

packages/studio-web/src/app/shared/wc-styling/wc-styling.component.spec.ts

@@ -1,14 +1,25 @@
 import { ComponentFixture, TestBed } from "@angular/core/testing";
 
 import { WcStylingComponent } from "./wc-styling.component";
-
+import { ToastrModule } from "ngx-toastr";
+import { HttpClientTestingModule } from "@angular/common/http/testing";
+import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
+import { MaterialModule } from "../../material.module";
+import { FormsModule } from "@angular/forms";
 describe("WcStylingComponent", () => {
   let component: WcStylingComponent;
   let fixture: ComponentFixture<WcStylingComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [WcStylingComponent],
+      imports: [
+        HttpClientTestingModule,
+        BrowserAnimationsModule,
+        FormsModule,
+        MaterialModule,
+        ToastrModule.forRoot(),
+      ],
+      declarations: [WcStylingComponent],
     }).compileComponents();
 
     fixture = TestBed.createComponent(WcStylingComponent);

packages/studio-web/src/app/shared/wc-styling/wc-styling.component.ts

@@ -9,7 +9,6 @@ import { ToastrService } from "ngx-toastr";
 import { BehaviorSubject, Subject, takeUntil } from "rxjs";
 import { WcStylingService } from "./wc-styling.service";
 import { MatDialog, MatDialogRef } from "@angular/material/dialog";
-import { MatList } from "@angular/material/list";
 import { B64Service } from "../../b64.service";
 
 @Component({

packages/studio-web/src/app/shared/wc-styling/wc-styling.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from "@angular/core";
-import { Subject, BehaviorSubject } from "rxjs";
+import { BehaviorSubject } from "rxjs";
 @Injectable({
   providedIn: "root",
 })

packages/studio-web/src/app/studio/studio.component.ts

@@ -129,7 +129,7 @@ export class StudioComponent implements OnDestroy, OnInit {
 
   async ngOnDestroy() {
     // step us back to the previously left step
-    this.studioService.lastStepperIndex = this.stepper.selectedIndex;
+    this.studioService.lastStepperIndex = this.stepper?.selectedIndex;
     this.unsubscribe$.next();
     this.unsubscribe$.complete();
   }

packages/web-component/src/components/read-along-component/readme.md

@@ -87,6 +87,22 @@ Type: `Promise<object>`
 
 
 
+### `setCss(url: any) => Promise<void>`
+
+Update stylesheet
+
+#### Parameters
+
+| Name  | Type  | Description |
+| ----- | ----- | ----------- |
+| `url` | `any` |             |
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `updateSpriteAlignments(alignment: Alignment) => Promise<void>`
 
 Update Single Sprite