diff --git a/tests/components/__snapshots__/basics.test.ts.snap b/tests/components/__snapshots__/basics.test.ts.snap
index be9545ed..a408d83f 100644
--- a/tests/components/__snapshots__/basics.test.ts.snap
+++ b/tests/components/__snapshots__/basics.test.ts.snap
@@ -1019,6 +1019,51 @@ exports[`basics two child components 2`] = `
 }"
 `;
 
+exports[`basics update props of component without concrete own node 1`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
+  
+  let block1 = createBlock(\`<div class=\\"widget-subkey\\"><block-text-0/>__<block-text-1/></div>\`);
+  
+  return function template(ctx, node, key = \\"\\") {
+    let d1 = ctx['props'].key;
+    let d2 = ctx['props'].subKey;
+    return block1([d1, d2]);
+  }
+}"
+`;
+
+exports[`basics update props of component without concrete own node 2`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
+  
+  return function template(ctx, node, key = \\"\\") {
+    const tKey_1 = ctx['props'].subKey;
+    return toggler(tKey_1, component(\`Custom\`, {key: ctx['props'].key,subKey: ctx['props'].subKey}, tKey_1 + key + \`__2\`, node, ctx));
+  }
+}"
+`;
+
+exports[`basics update props of component without concrete own node 3`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
+  
+  let block1 = createBlock(\`<div><block-child-0/></div>\`);
+  
+  return function template(ctx, node, key = \\"\\") {
+    const tKey_1 = ctx['childProps'].key;
+    let b2 = toggler(tKey_1, component(\`Child\`, ctx['childProps'], tKey_1 + key + \`__2\`, node, ctx));
+    return block1([], [b2]);
+  }
+}"
+`;
+
 exports[`basics updating a component with t-foreach as root 1`] = `
 "function anonymous(bdom, helpers
 ) {
diff --git a/tests/components/__snapshots__/style_class.test.ts.snap b/tests/components/__snapshots__/style_class.test.ts.snap
index 1a638694..e330c391 100644
--- a/tests/components/__snapshots__/style_class.test.ts.snap
+++ b/tests/components/__snapshots__/style_class.test.ts.snap
@@ -141,7 +141,7 @@ exports[`style and class handling class on components do not interfere with user
 "function anonymous(bdom, helpers
 ) {
   let { text, createBlock, list, multi, html, toggler, component } = bdom;
-  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, shallowEqual } = helpers;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
   
   let block1 = createBlock(\`<div block-attribute-0=\\"class\\"/>\`);
   
diff --git a/tests/components/__snapshots__/t_props.test.ts.snap b/tests/components/__snapshots__/t_props.test.ts.snap
index 81507e34..af238e6d 100644
--- a/tests/components/__snapshots__/t_props.test.ts.snap
+++ b/tests/components/__snapshots__/t_props.test.ts.snap
@@ -1,5 +1,35 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`t-props basic use 1`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
+  
+  let block1 = createBlock(\`<span><block-text-0/></span>\`);
+  
+  return function template(ctx, node, key = \\"\\") {
+    let d1 = ctx['props'].a+ctx['props'].b;
+    return block1([d1]);
+  }
+}"
+`;
+
+exports[`t-props basic use 2`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
+  
+  let block1 = createBlock(\`<div><block-child-0/></div>\`);
+  
+  return function template(ctx, node, key = \\"\\") {
+    let b2 = component(\`Child\`, ctx['some'].obj, key + \`__1\`, node, ctx);
+    return block1([], [b2]);
+  }
+}"
+`;
+
 exports[`t-props t-props and other props 1`] = `
 "function anonymous(bdom, helpers
 ) {
@@ -60,3 +90,32 @@ exports[`t-props t-props only 2`] = `
   }
 }"
 `;
+
+exports[`t-props t-props with props 1`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
+  
+  let block1 = createBlock(\`<div/>\`);
+  
+  return function template(ctx, node, key = \\"\\") {
+    return block1();
+  }
+}"
+`;
+
+exports[`t-props t-props with props 2`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber } = helpers;
+  
+  let block1 = createBlock(\`<div><block-child-0/></div>\`);
+  
+  return function template(ctx, node, key = \\"\\") {
+    let b2 = component(\`Child\`, Object.assign({}, ctx['props'], {a: 1,b: 2}), key + \`__1\`, node, ctx);
+    return block1([], [b2]);
+  }
+}"
+`;
diff --git a/tests/components/basics.test.ts b/tests/components/basics.test.ts
index 9620a3e6..43bbc810 100644
--- a/tests/components/basics.test.ts
+++ b/tests/components/basics.test.ts
@@ -772,8 +772,9 @@ describe("basics", () => {
     await mount(Parent, fixture);
     expect(fixture.innerHTML).toBe("<span>42</span>");
   });
+
   // Depends on t-props
-  test.skip("update props of component without concrete own node", async () => {
+  test("update props of component without concrete own node", async () => {
     class Custom extends Component {
       static template = xml`
         <div class="widget-subkey">
@@ -820,86 +821,6 @@ describe("basics", () => {
     await nextTick();
     expect(fixture.textContent!.trim()).toBe("2__3");
   });
-
-  test.skip("subcomponents cannot change observable state received from parent", async () => {
-    const consoleError = console.error;
-    console.error = jest.fn();
-    class Child extends Component {
-      static template = xml`<div/>`;
-      setup() {
-        this.props.obj.coffee = 2;
-      }
-    }
-    class Parent extends Component {
-      static template = xml`<div><Child obj="state.obj"/></div>`;
-      static components = { Child };
-      state = useState({ obj: { coffee: 1 } });
-    }
-    let error;
-    try {
-      await mount(Parent, fixture);
-    } catch (e) {
-      error = e;
-    }
-    expect(error).toBeDefined();
-    expect(error.message).toBe('Observed state cannot be changed here! (key: "coffee", val: "2")');
-    expect(console.error).toBeCalledTimes(0);
-    console.error = consoleError;
-  });
-});
-
-describe("dynamic t-props", () => {
-  test.skip("basic use", async () => {
-    expect.assertions(4);
-
-    class Child extends Component {
-      static template = xml`
-        <span>
-            <t t-esc="props.a + props.b"/>
-        </span>
-      `;
-      setup() {
-        expect(this.props).toEqual({ a: 1, b: 2 });
-        expect(this.props).not.toBe(parent.some.obj);
-      }
-    }
-    class Parent extends Component {
-      static template = xml`
-        <div>
-            <Child t-props="some.obj"/>
-        </div>
-      `;
-      static components = { Child };
-
-      some = { obj: { a: 1, b: 2 } };
-    }
-
-    const parent = await mount(Parent, fixture);
-    expect(fixture.innerHTML).toBe("<div><span>3</span></div>");
-  });
-
-  test.skip("t-props with props", async () => {
-    expect.assertions(1);
-
-    class Child extends Component {
-      static template = xml`<div />`;
-      setup() {
-        expect(this.props).toEqual({ a: 1, b: 2, c: "c" });
-      }
-    }
-    class Parent extends Component {
-      static template = xml`
-        <div>
-            <Child t-props="props" a="1" b="2" />
-        </div>
-      `;
-      static components = { Child };
-
-      props = { a: "a", c: "c" };
-    }
-
-    await mount(Parent, fixture);
-  });
 });
 
 describe("mount targets", () => {
diff --git a/tests/components/style_class.test.ts b/tests/components/style_class.test.ts
index 378fc599..a6e61a04 100644
--- a/tests/components/style_class.test.ts
+++ b/tests/components/style_class.test.ts
@@ -1,4 +1,4 @@
-import { Component, mount, useState, xml } from "../../src";
+import { Component, mount, onMounted, useState, xml } from "../../src";
 import { makeTestFixture, nextTick, snapshotEverything } from "../helpers";
 
 snapshotEverything();
@@ -273,12 +273,14 @@ describe("style and class handling", () => {
     expect(span.className).toBe("c a b d");
   });
 
-  test.skip("class on components do not interfere with user defined classes", async () => {
+  test("class on components do not interfere with user defined classes", async () => {
     class App extends Component {
       static template = xml`<div t-att-class="{ c: state.c }" />`;
       state = useState({ c: true });
-      mounted() {
-        (<HTMLDivElement>this.el!).classList.add("user");
+      setup() {
+        onMounted(() => {
+          (<HTMLDivElement>this.el!).classList.add("user");
+        });
       }
     }
     const widget = await mount(App, fixture);
diff --git a/tests/components/t_props.test.ts b/tests/components/t_props.test.ts
index f8d8d47a..3de1acd9 100644
--- a/tests/components/t_props.test.ts
+++ b/tests/components/t_props.test.ts
@@ -51,4 +51,58 @@ describe("t-props", () => {
     await nextTick();
     expect(fixture.textContent).toBe("second");
   });
+
+  test("basic use", async () => {
+    expect.assertions(5);
+
+    let props = { a: 1, b: 2 };
+
+    class Child extends Component {
+      static template = xml`
+          <span>
+              <t t-esc="props.a + props.b"/>
+          </span>
+        `;
+      setup() {
+        expect(this.props).toEqual({ a: 1, b: 2 });
+        expect(this.props).toBe(props);
+      }
+    }
+    class Parent extends Component {
+      static template = xml`
+          <div>
+              <Child t-props="some.obj"/>
+          </div>
+        `;
+      static components = { Child };
+
+      some = { obj: props };
+    }
+
+    await mount(Parent, fixture);
+    expect(fixture.innerHTML).toBe("<div><span>3</span></div>");
+  });
+
+  test("t-props with props", async () => {
+    expect.assertions(3); // 2 comes from snapshots
+
+    class Child extends Component {
+      static template = xml`<div />`;
+      setup() {
+        expect(this.props).toEqual({ a: 1, b: 2, c: "c" });
+      }
+    }
+    class Parent extends Component {
+      static template = xml`
+          <div>
+              <Child t-props="props" a="1" b="2" />
+          </div>
+        `;
+      static components = { Child };
+
+      props = { a: "a", c: "c" };
+    }
+
+    await mount(Parent, fixture);
+  });
 });