Use compound icons (#10292)
This commit is contained in:
parent
0db0d4b09d
commit
6fa00a20b0
43 changed files with 132 additions and 57 deletions
|
@ -19,7 +19,7 @@ import { render, RenderResult, screen } from "@testing-library/react";
|
|||
import userEvent from "@testing-library/user-event";
|
||||
|
||||
import { VoiceBroadcastControl } from "../../../../src/voice-broadcast";
|
||||
import { Icon as StopIcon } from "../../../../res/img/element-icons/Stop.svg";
|
||||
import { Icon as StopIcon } from "../../../../res/img/compound/stop-16.svg";
|
||||
|
||||
describe("VoiceBroadcastControl", () => {
|
||||
let result: RenderResult;
|
||||
|
@ -31,7 +31,8 @@ describe("VoiceBroadcastControl", () => {
|
|||
|
||||
describe("when rendering it", () => {
|
||||
beforeEach(() => {
|
||||
result = render(<VoiceBroadcastControl onClick={onClick} label="test label" icon={StopIcon} />);
|
||||
const stopIcon = <StopIcon className="mx_Icon mx_Icon_16" />;
|
||||
result = render(<VoiceBroadcastControl onClick={onClick} label="test label" icon={stopIcon} />);
|
||||
});
|
||||
|
||||
it("should render as expected", () => {
|
||||
|
|
|
@ -9,7 +9,7 @@ exports[`<VoiceBroadcastPlaybackControl /> should render state buffering as expe
|
|||
tabindex="0"
|
||||
>
|
||||
<div
|
||||
class="mx_Icon mx_Icon_16"
|
||||
class="mx_Icon mx_Icon_12"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -39,7 +39,7 @@ exports[`<VoiceBroadcastPlaybackControl /> should render state playing as expect
|
|||
tabindex="0"
|
||||
>
|
||||
<div
|
||||
class="mx_Icon mx_Icon_16"
|
||||
class="mx_Icon mx_Icon_12"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue