Browser: Update UI with new components and elements (#5671)

browser/app/js/buckets/__tests__/Policy.test.js

@@ -23,32 +23,36 @@ import web from "../../web"
 jest.mock("../../web", () => ({
   SetBucketPolicy: jest.fn(() => {
     return Promise.resolve()
-  })
+  }),
 }))
 
 describe("Policy", () => {
   it("should render without crashing", () => {
-    shallow(<Policy currentBucket={"bucket"} prefix={"foo"} policy={READ_ONLY} />)
+    shallow(
+      <Policy currentBucket={"bucket"} prefix={"foo"} policy={READ_ONLY} />,
+    )
   })
 
   it("should call web.setBucketPolicy and fetchPolicies on submit", () => {
     const fetchPolicies = jest.fn()
     const wrapper = shallow(
-      <Policy 
+      <Policy
         currentBucket={"bucket"}
         prefix={"foo"}
         policy={READ_ONLY}
         fetchPolicies={fetchPolicies}
-      />
+      />,
     )
-    wrapper.find("button").simulate("click", { preventDefault: jest.fn() })
+    wrapper.find("button").simulate("click", {
+      preventDefault: jest.fn(),
+    })
 
     expect(web.SetBucketPolicy).toHaveBeenCalledWith({
       bucketName: "bucket",
       prefix: "foo",
-      policy: "none"
+      policy: "none",
     })
-    
+
     setImmediate(() => {
       expect(fetchPolicies).toHaveBeenCalledWith("bucket")
     })
@@ -56,8 +60,13 @@ describe("Policy", () => {
 
   it("should change the empty string to '*' while displaying prefixes", () => {
     const wrapper = shallow(
-      <Policy currentBucket={"bucket"} prefix={""} policy={READ_ONLY} />
+      <Policy currentBucket={"bucket"} prefix={""} policy={READ_ONLY} />,
     )
-    expect(wrapper.find(".pmbl-item").at(0).text()).toEqual("*")
+    expect(
+      wrapper
+        .find(".pmbl-item")
+        .at(0)
+        .text(),
+    ).toEqual("*")
   })
 })